@import "./default.less";
:global{
    .zent-alert {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        width: 100%;
        font-size: @font-2;
        line-height: @line-heigh-2;
        position: relative;
        
      }
      .zent-alert .zenticon{
          margin-right: 8px;
      }
      .zent-alert.zent-alert-closable .zent-alert-content {
            margin-right: 15px;
      }
      .zent-alert.zent-alert-closable .zent-alert-close-wrapper {
            margin-left: 15px;
            height: 100%;
            width: 14px;
            position: absolute;
            top: 0;
            right: 15px;
      }
      .zent-alert.zent-alert-closable .zent-alert-close-btn {
            width: 12px;
      
            position: absolute;
      
            top: 50%;
      
            -webkit-transform: translate(0, -50%);
      
            transform: translate(0, -50%);
      
            font-family: sans-serif;
            font-size: 18px;
            text-align: center;
            display: inline-block;
            cursor: pointer;
            color: @black-45;
      }
      .zent-alert.zent-alert-size-normal {
        padding: 8px 15px;
      }
      .zent-alert.zent-alert-size-large {
        padding: 16px 16px 16px 24px;
      }
      .zent-alert.zent-alert-size-large p{//test
          font-size: 16px;
          line-height: 24px;
          font-weight: bold;
          margin-bottom: 4px;
      }
      .zent-alert.zent-alert-size-large .zenticon{
          display: inline-block;
          width: 24px;
          font-size: 24px;
          position: absolute;
          top: 16px;
          left: 24px;
      }
      .zent-alert.zent-alert-size-large .zent-alert-content{
          padding-left: 40px;
          margin-right: 49px;
      }
      .zent-alert.zent-alert-size-large .zent-alert-close-wrapper{
          height: 12px;
          top: 16px;
      }
      .zent-alert.zent-alert-size-large .zent-alert-close-wrapper .zent-alert-close-btn{
          transform: translate(0, 0);
          top: 0;
          height: 12px;
          line-height: 12px;
      }
      .zent-alert.zent-alert-border-rounded {
        border-radius: 4px;
      }
      .zent-alert.zent-alert-style-info {
        background: @primary-1;
        border: 1px solid @primary-3;
        color: @black-65;
      }
      .zent-alert.zent-alert-style-info .zenticon{
          color: @primary;
      }
      .zent-alert.zent-alert-style-warning {
        background: @warning-1;
        border: 1px solid @warning-3;
      }
      .zent-alert.zent-alert-style-warning .zenticon{
          color: @warning;
      }
      .zent-alert.zent-alert-style-danger {
        background: @error-1;
        border: 1px solid @error-3;
        color: @black-65;
      }
      .zent-alert.zent-alert-style-danger .zenticon{
        color: @error;
      }
      .zent-alert.zent-alert-style-danger .zent-alert-close-btn {
            color: @black-45;
      }
      .zent-auto-complete {
        cursor: pointer;
        display: inline-block;
        font-size: 0;
        line-height: 1.5;
        margin-right: 10px;
        outline: none;
        position: relative;
        text-align: left;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
        width: 160px;
        vertical-align: middle
      }
      .zent-auto-complete.disabled {
        color: #cacaca;
        cursor: not-allowed;
      }
      .zent-auto-complete.disabled .zent-select-input, .zent-auto-complete.disabled .zent-select-text, .zent-auto-complete.disabled .zent-select-tags {
            border-color: #e5e5e5;
            background-color: #f8f8f8
      }
      .zent-auto-complete.disabled .zent-select-input::after, .zent-auto-complete.disabled .zent-select-text::after, .zent-auto-complete.disabled .zent-select-tags::after {
        opacity: 0.25;
      }
      .zent-avatar {
        display: inline-block;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        text-align: center;
        color: #fff;
        cursor: default;
        overflow: hidden;
        position: relative;
        font-size: 16px;
      }
      .zent-avatar--size-default {
          width: 32px;
          height: 32px;
          line-height: 32px;
        }
      .zent-avatar--size-small {
          width: 24px;
          height: 24px;
          line-height: 24px;
        }
      .zent-avatar--size-large {
          width: 40px;
          height: 40px;
          line-height: 40px;
        }
      .zent-avatar--type-image {
          background: transparent;
        }
      .zent-avatar--type-image .zent-avatar-image {
            width: 100%;
            height: 100%;
            display: block;
          }
      .zent-avatar--type-string {
          background: #cacaca;
        }
      .zent-avatar--type-string .zent-avatar-string {
            font-weight: 500;
          }
      .zent-avatar--type-string.zent-avatar--size-small {
        font-size: 14px;
      }
      .zent-avatar--type-string.zent-avatar--size-large {
        font-size: 18px;
      }
      .zent-avatar--type-icon {
          background: #cacaca;
          font-size: 18px
        }
      .zent-avatar--type-icon.zent-avatar--size-small {
        font-size: 14px;
      }
      .zent-avatar--type-icon.zent-avatar--size-large {
        font-size: 24px;
      }
      .zent-avatar--shape-circle {
          border-radius: 50%;
        }
      .zent-avatar--shape-square {
          border-radius: 4px;
        }
      .zent-avatar--bordered {
          border: 1px solid #bbb;
        }
      .zent-badge {
        position: relative;
        display: inline-block;
        vertical-align: middle;
      }
      .zent-badge .zent-badge-count {
          display: inline-block;
          height: 20px;
          line-height: @line-heigh-1;
          background: @error;
          color: #fff;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          font-size: @font-1;
          border: 1px solid #fff;
          border-radius: 20px;
          text-align: center;
          padding: 0 6px;
        }
      .zent-badge .zent-badge-dot {
          display: inline-block;
          height: 8px;
          width: 8px;
          border-radius: 50%;
          background: #f44;
          font-size: 0;
        }
      .zent-badge.zent-badge--no-content {
        font-size: 0;
      }
      .zent-badge.zent-badge--no-content .zent-badge-count, .zent-badge.zent-badge--no-content .zent-badge-dot {
            margin: 0 5px;
      }
      .zent-badge.zent-badge--has-content .zent-badge-count {
            position: absolute;
            top: -3px;
            right: -3px;
      }
      .zent-badge.zent-badge--has-content .zent-badge-dot {
            position: absolute;
            top: 2px;
            right: 2px;
      }
      /* normalize styles */
      /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
      /* Document
         ========================================================================== */
      /**
       * 1. Correct the line height in all browsers.
       * 2. Prevent adjustments of font size after orientation changes in
       *    IE on Windows Phone and in iOS.
       */
      html {
        /* line-height: 1.15;  1 */
        -ms-text-size-adjust: 100%; /* 2 */
        -webkit-text-size-adjust: 100%; /* 2 */
      }
      /* Sections
         ========================================================================== */
      /**
       * Remove the margin in all browsers (opinionated).
       */
      /*
      body {
        margin: 0;
      }
      */
      /**
       * Add the correct display in IE 9-.
       */
      article, aside, footer, header, nav, section {
        display: block;
      }
      /**
       * Correct the font size and margin on `h1` elements within `section` and
       * `article` contexts in Chrome, Firefox, and Safari.
       */
      /*
      h1 {
        font-size: 2em;
        margin: 0.67em 0;
      }
      */
      /* Grouping content
         ========================================================================== */
      /**
       * Add the correct display in IE 9-.
       * 1. Add the correct display in IE.
       */
      figcaption, figure, main { /* 1 */
        display: block;
      }
      /**
       * Add the correct margin in IE 8.
       */
      figure {
        /* margin: 1em 40px; */
      }
      /**
       * 1. Add the correct box sizing in Firefox.
       * 2. Show the overflow in Edge and IE.
       */
      hr {
        -webkit-box-sizing: content-box;
                box-sizing: content-box; /* 1 */
        height: 0; /* 1 */
        overflow: visible; /* 2 */
      }
      /**
       * 1. Correct the inheritance and scaling of font size in all browsers.
       * 2. Correct the odd `em` font sizing in all browsers.
       */
      pre {
        /* stylelint-disable-next-line font-family-no-duplicate-names */
        font-family: monospace, monospace; /* 1 */
        font-size: 1em; /* 2 */
      }
      /* Text-level semantics
         ========================================================================== */
      /**
       * 1. Remove the gray background on active links in IE 10.
       * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
       */
      a {
        background-color: transparent; /* 1 */
        -webkit-text-decoration-skip: objects; /* 2 */
      }
      /**
       * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
       * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
       */
      abbr[title] {
        border-bottom: none; /* 1 */
        text-decoration: underline; /* 2 */
        -webkit-text-decoration: underline dotted;
                text-decoration: underline dotted; /* 2 */
      }
      /**
       * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
       */
      b, strong {
        font-weight: inherit;
      }
      /**
       * Add the correct font weight in Chrome, Edge, and Safari.
       */
      b, strong {
        font-weight: bolder;
      }
      /**
       * 1. Correct the inheritance and scaling of font size in all browsers.
       * 2. Correct the odd `em` font sizing in all browsers.
       */
      code, kbd, samp {
        /* stylelint-disable-next-line font-family-no-duplicate-names */
        font-family: monospace, monospace; /* 1 */
        font-size: 1em; /* 2 */
      }
      /**
       * Add the correct font style in Android 4.3-.
       */
      dfn {
        font-style: italic;
      }
      /**
       * Add the correct font size in all browsers.
       */
      /*
      small {
        font-size: 80%;
      }
      */
      /**
       * Prevent `sub` and `sup` elements from affecting the line height in
       * all browsers.
       */
      sub, sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline;
      }
      sub {
        bottom: -0.25em;
      }
      sup {
        top: -0.5em;
      }
      /* Embedded content
         ========================================================================== */
      /**
       * Add the correct display in IE 9-.
       */
      audio, video {
        display: inline-block;
      }
      /**
       * Add the correct display in iOS 4-7.
       */
      audio:not([controls]) {
        display: none;
        height: 0;
      }
      /**
       * Remove the border on images inside links in IE 10-.
       */
      img {
        border-style: none;
      }
      /**
       * Hide the overflow in IE.
       */
      svg:not(:root) {
        overflow: hidden;
      }
      /* Forms
         ========================================================================== */
      /**
       * 1. Change the font styles in all browsers (opinionated).
       * 2. Remove the margin in Firefox and Safari.
       */
      button, input, optgroup, select, textarea {
        /*
        font-family: sans-serif; 1
        font-size: 100%;  1
        line-height: 1.15;  1
        */
      
        margin: 0; /* 2 */
      }
      /**
       * Show the overflow in IE.
       * 1. Show the overflow in Edge.
       */
      button, input { /* 1 */
        overflow: visible;
      }
      /**
       * Remove the inheritance of text transform in Edge, Firefox, and IE.
       * 1. Remove the inheritance of text transform in Firefox.
       */
      button, select { /* 1 */
        text-transform: none;
      }
      /**
       * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
       *    controls in Android 4.
       * 2. Correct the inability to style clickable types in iOS and Safari.
       */
      button, html [type="button"], [type="reset"], [type="submit"] {
        -webkit-appearance: button; /* 2 */
      }
      /**
       * Remove the inner border and padding in Firefox.
       */
      button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
        border-style: none;
        padding: 0;
      }
      /**
       * Restore the focus styles unset by the previous rule.
       */
      button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
        outline: 1px dotted ButtonText;
      }
      /**
       * Correct the padding in Firefox.
       */
      /*
      fieldset {
        padding: 0.35em 0.75em 0.625em;
      }
      */
      /**
       * 1. Correct the text wrapping in Edge and IE.
       * 2. Correct the color inheritance from `fieldset` elements in IE.
       * 3. Remove the padding so developers are not caught out when they zero out
       *    `fieldset` elements in all browsers.
       */
      legend {
        -webkit-box-sizing: border-box;
                box-sizing: border-box; /* 1 */
        color: inherit; /* 2 */
        display: table; /* 1 */
        max-width: 100%; /* 1 */
        padding: 0; /* 3 */
        white-space: normal; /* 1 */
      }
      /**
       * 1. Add the correct display in IE 9-.
       * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
       */
      progress {
        display: inline-block; /* 1 */
        vertical-align: baseline; /* 2 */
      }
      /**
       * Remove the default vertical scrollbar in IE.
       */
      textarea {
        overflow: auto;
      }
      /**
       * 1. Add the correct box sizing in IE 10-.
       * 2. Remove the padding in IE 10-.
       */
      [type="checkbox"], [type="radio"] {
        -webkit-box-sizing: border-box;
                box-sizing: border-box; /* 1 */
        padding: 0; /* 2 */
      }
      /**
       * Correct the cursor style of increment and decrement buttons in Chrome.
       */
      [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
        height: auto;
      }
      /**
       * 1. Correct the odd appearance in Chrome and Safari.
       * 2. Correct the outline style in Safari.
       */
      [type="search"] {
        -webkit-appearance: textfield; /* 1 */
        outline-offset: -2px; /* 2 */
      }
      /**
       * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
       */
      [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
      }
      /**
       * 1. Correct the inability to style clickable types in iOS and Safari.
       * 2. Change font properties to `inherit` in Safari.
       */
      ::-webkit-file-upload-button {
        -webkit-appearance: button; /* 1 */
        font: inherit; /* 2 */
      }
      /* Interactive
         ========================================================================== */
      /*
       * Add the correct display in IE 9-.
       * 1. Add the correct display in Edge, IE, and Firefox.
       */
      details, menu {
        display: block;
      }
      /*
       * Add the correct display in all browsers.
       */
      summary {
        display: list-item;
      }
      /* Scripting
         ========================================================================== */
      /**
       * Add the correct display in IE 9-.
       */
      canvas {
        display: inline-block;
      }
      /**
       * Add the correct display in IE.
       */
      template {
        display: none;
      }
      /* Hidden
         ========================================================================== */
      /**
       * Add the correct display in IE 10-.
       */
      [hidden] {
        display: none;
      }
      /*
       * Reset styles
       */
      html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        vertical-align: baseline;
      }
      body {
        font-family: Helvetica, STHeiti, "Microsoft YaHei", Verdana, Arial, Tahoma, sans-serif;
        font-weight: 400;
      
        /* font smoothing */
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-smoothing: antialiased; /* stylelint-disable-line */
        -webkit-font-smoothing: antialiased;
      }
      a {
        text-decoration: none;
      }
      button, input, select, textarea {
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
        color: inherit;
      }
      ul, ol {
        list-style: none;
      }
      /* animations */
      .zent-zoom-appear, .zent-zoom-exit {
        -webkit-animation-fill-mode: both;
                animation-fill-mode: both;
        -webkit-animation-play-state: paused;
                animation-play-state: paused;
      }
      .zent-zoom-appear.zent-zoom-appear-active {
        -webkit-animation-play-state: running;
                animation-play-state: running;
        -webkit-animation-name: zentZoomIn;
                animation-name: zentZoomIn;
        -webkit-animation-duration: 0.3s;
                animation-duration: 0.3s;
      }
      .zent-zoom-exit.zent-zoom-exit-active {
        -webkit-animation-play-state: running;
                animation-play-state: running;
        -webkit-animation-name: zentZoomOut;
                animation-name: zentZoomOut;
        -webkit-animation-duration: 0.3s;
                animation-duration: 0.3s;
      }
      @-webkit-keyframes zentZoomIn {
        0% {
          opacity: 0;
          -webkit-transform: scale(0.2);
                  transform: scale(0.2);
        }
      
        100% {
          opacity: 1;
          -webkit-transform: scale(1);
                  transform: scale(1);
        }
      }
      @keyframes zentZoomIn {
        0% {
          opacity: 0;
          -webkit-transform: scale(0.2);
                  transform: scale(0.2);
        }
      
        100% {
          opacity: 1;
          -webkit-transform: scale(1);
                  transform: scale(1);
        }
      }
      @-webkit-keyframes zentZoomOut {
        0% {
          -webkit-transform: scale(1);
                  transform: scale(1);
        }
      
        100% {
          opacity: 0;
          -webkit-transform: scale(0.2);
                  transform: scale(0.2);
        }
      }
      @keyframes zentZoomOut {
        0% {
          -webkit-transform: scale(1);
                  transform: scale(1);
        }
      
        100% {
          opacity: 0;
          -webkit-transform: scale(0.2);
                  transform: scale(0.2);
        }
      }
      /* base class for popups */
      .zent-popup {
        -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
        left: 0;
        outline: none;
        overflow-y: auto;
        position: relative;
        width: 100%;
        z-index: 2000;
        margin-top: 2px;
        background-color: #fff;
        max-height: 224px;
        border-radius: 3px;
        font-size: 12px;
      }
      .zent-block-header {
        position: relative;
        margin-bottom: 20px;
        padding: 15px;
        background-color: #f8f8f8;
        height: 50px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
      }
      .zent-block-header__left {
          display: inline-block
        }
      .zent-block-header__left:before {
        content: '';
        display: inline-block;
        width: 3px;
        height: 12px;
        position: relative;
        top: 1px;
        background: #f60;
      }
      .zent-block-header__left h3 {
            display: inline-block;
            margin: 0;
            padding-left: 5px;
            font-weight: normal;
            font-size: 14px;
      }
      .zent-block-header__content {
          display: inline-block;
          margin-left: 10px;
        }
      .zent-block-header__content-right {
            float: right;
          }
      .zent-block-header__pop {
          display: inline-block;
          color: #bbb;
          font-size: 16px;
        }
      .zent-block-header__tooltip {
          max-width: 300px;
          word-wrap: normal;
        }
      .zent-block-header__tooltip-trigger {
            color: #cacaca;
            margin-left: 10px;
            font-size: 14px;
            cursor: pointer;
          }
      /**
       * zent-breadcrumb:
       * `.zent-breadcrumb` - 面包屑
       *
       *     @example
       *     <div class="zent-breadcrumb">
       *         <a href="#">微页面</a>
       *         <span>发布页面</span>
       *     </div>
       *
       */
      .zent-breadcrumb {
        color: #333;
        font-size: @font-2;
        line-height: @line-heigh-2;
        padding: 15px 0;
      }
      .zent-breadcrumb span, .zent-breadcrumb a {
          font-size: @font-2;
          line-height: @line-heigh-2;
          display: inline-block;
          vertical-align: middle;
          text-decoration: none
        }
      .zent-breadcrumb span::after, .zent-breadcrumb a::after {
        content: "/";
        display: inline-block;
        vertical-align: middle;
        color: @black-45;
        margin-left: 8px;
        margin-right: 8px;
      }
      .zent-breadcrumb span:last-child::after, .zent-breadcrumb a:last-child::after {
        content: "";
        display: none;
      }
      .zent-breadcrumb span {
          color: @black-65;
        }
      .zent-breadcrumb .zenticon{
          font-size: @font-1;
          line-height: @line-heigh-1;
          padding: 2px 0;
          color: @black-45;
          margin-right: 8px;
      }
      .zent-breadcrumb a {
          color: @black-45;
        }
      .zent-breadcrumb.zent-breadcrumb-nav {
        padding: 0;
      }
      .zent-breadcrumb.zent-breadcrumb-nav a {
            display: inline-block;
            height: 50px;
            line-height: 48px;
            padding: 0 20px;
            min-width: 0;
            border: none;
            background: transparent;
            font-size: 14px;
            color: #666;
            text-align: center;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box
      }
      .zent-breadcrumb.zent-breadcrumb-nav a:after {
        display: none;
      }
      .zent-breadcrumb.zent-breadcrumb-nav .zent-breadcrumb-nav-active:after {
        display: block;
        color: #333;
        border-bottom: 2px solid #38f;
        content: '';
        margin: 0;
      }
      .zent-btn {
        display: inline-block;
        height: 32px;
        line-height: @line-heigh-2;
        padding: 4px 15px;
        border-radius: 4px;
        font-size: @font-2;
        font-family: inherit;
        color: #333;
        background: #fff;
        border: 1px solid #bbb;
        text-align: center;
        vertical-align: middle;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        cursor: pointer;
        -webkit-transition: all 0.3s;
        transition: all 0.3s
      }
      .zent-btn:focus {
        outline: none;
      }
      .zent-btn:link, .zent-btn:visited, .zent-btn:focus {
        color: #333;
        text-decoration: none;
      }
      .zent-btn:hover {
        color: #59f;
        border-color: #59f;
        text-decoration: none;
      }
      .zent-btn:active {
        color: #333;
        background: #e5e5e5;
        border-color: #bbb;
        text-decoration: none;
      }
      .zent-btn.zent-btn-loading:hover, .zent-btn.zent-btn-loading:active {
        background: #fff;
        border: 1px solid #bbb;
      }
      .zent-btn[type="button"], .zent-btn[type="reset"], .zent-btn[type="submit"] {
        -webkit-appearance: none;
      }
      .zent-btn + .zent-btn {
        margin-left: 10px;
      }
      /* 大小相关 */
      .zent-btn-large {
        height: 40px;
        line-height: @line-heigh-3;
        font-size: @font-3;
      }
      .zent-btn-small {
        height: 24px;
        line-height: @line-heigh-2;
        padding: 0 7px
      }
      .zent-btn-block {
        display: block;
        width: 100%;
        padding: 0;
      }
      /* 风格相关 */
      .zent-btn-primary {
        color: #fff;
        background: @primary;
        border-color: @primary
      }
      .zent-btn-primary:link, .zent-btn-primary:visited, .zent-btn-primary:focus {
        color: #fff;
      }
      .zent-btn-primary:hover {
        color: #fff;
        background: #59f;
        border-color: #59f;
      }
      .zent-btn-primary:active {
        color: #fff;
        background: #27f;
        border-color: #27f;
      }
      .zent-btn-primary.zent-btn-loading:hover, .zent-btn-primary.zent-btn-loading:active {
        background: #38f;
        border-color: #38f;
      }
      .zent-btn-primary.zent-btn-loading::after {
        border-color: #fff transparent transparent transparent;
      }
      .zent-btn-primary-outline {
        color: #38f;
        border-color: #38f;
        background: #fff
      }
      .zent-btn-primary-outline:link, .zent-btn-primary-outline:visited, .zent-btn-primary-outline:focus {
        color: #38f;
      }
      .zent-btn-primary-outline:hover {
        color: #59f;
        border-color: #59f;
      }
      .zent-btn-primary-outline:active {
        color: #27f;
        background: #e5e5e5;
        border-color: #27f;
      }
      .zent-btn-primary-outline.zent-btn-loading:hover, .zent-btn-primary-outline.zent-btn-loading:active {
        border-color: #38f;
        background: #fff;
      }
      .zent-btn-primary-outline.zent-btn-loading::after {
        border-color: #38f transparent transparent transparent;
      }
      .zent-btn-danger {
        color: @error;
        background: #F5F5F5;
        border-color: #D9D9D9
      }
      .zent-btn-danger:link, .zent-btn-danger:visited, .zent-btn-danger:focus {
        color: #fff;
      }
      .zent-btn-danger:hover {
        color: #fff;
        background: @error;
        border-color: @error;
      }
      .zent-btn-danger:active {
        color: #fff;
        background: #e33;
        border-color: #e33;
      }
      .zent-btn-danger.zent-btn-loading:hover, .zent-btn-danger.zent-btn-loading:active {
        background: #f44;
        border-color: #e33;
      }
      .zent-btn-danger.zent-btn-loading::after {
        border-color: #fff transparent transparent transparent;
      }
      .zent-btn-danger-outline {
        color: #f44;
        border-color: #f44;
        background: #fff
      }
      .zent-btn-danger-outline:link, .zent-btn-danger-outline:visited, .zent-btn-danger-outline:focus {
        color: #f44;
      }
      .zent-btn-danger-outline:hover {
        color: #f66;
        border-color: #f66;
      }
      .zent-btn-danger-outline:active {
        color: #e33;
        background: #e5e5e5;
        border-color: #e33;
      }
      .zent-btn-danger-outline.zent-btn-loading:hover, .zent-btn-danger-outline.zent-btn-loading:active {
        border-color: #f44;
        background: #fff;
      }
      .zent-btn-danger-outline.zent-btn-loading::after {
        border-color: #f44 transparent transparent transparent;
      }
      .zent-btn-success {
        color: #fff;
        background: #4b0;
        border-color: #4b0
      }
      .zent-btn-success:link, .zent-btn-success:visited, .zent-btn-success:focus {
        color: #fff;
      }
      .zent-btn-success:hover {
        color: #fff;
        background: #6c2;
        border-color: #6c2;
      }
      .zent-btn-success:active {
        color: #fff;
        background: #0a0;
        border-color: #0a0;
      }
      .zent-btn-success.zent-btn-loading:hover, .zent-btn-success.zent-btn-loading:active {
        background: #4b0;
        border-color: #0a0;
      }
      .zent-btn-success.zent-btn-loading::after {
        border-color: #fff transparent transparent transparent;
      }
      .zent-btn-success-outline {
        color: #4b0;
        border-color: #4b0;
        background: #fff
      }
      .zent-btn-success-outline:link, .zent-btn-success-outline:visited, .zent-btn-success-outline:focus {
        color: #4b0;
      }
      .zent-btn-success-outline:hover {
        color: #6c2;
        border-color: #6c2;
      }
      .zent-btn-success-outline:active {
        color: #0a0;
        background: #e5e5e5;
        border-color: #0a0;
      }
      .zent-btn-success-outline.zent-btn-loading:hover, .zent-btn-success-outline.zent-btn-loading:active {
        border-color: #4b0;
        background: #fff;
      }
      .zent-btn-success-outline.zent-btn-loading::after {
        border-color: #4b0 transparent transparent transparent;
      }
      /* 状态相关 */
      .zent-btn-disabled, .zent-btn-disabled[disabled] {
        color: @black-25;
        background: #F5F5F5;
        border-color: #D9D9D9;
        cursor: not-allowed
      }
      .zent-btn-disabled:link, .zent-btn-disabled:visited, .zent-btn-disabled:focus, .zent-btn-disabled[disabled]:link, .zent-btn-disabled[disabled]:visited, .zent-btn-disabled[disabled]:focus {
        color: #bbb;
      }
      .zent-btn-disabled:hover, .zent-btn-disabled[disabled]:hover {
        color: #bbb;
        background: #f8f8f8;
        border-color: #e5e5e5;
      }
      .zent-btn-disabled:active, .zent-btn-disabled[disabled]:active {
        color: #bbb;
        background: #f8f8f8;
        border-color: #e5e5e5;
      }
      .zent-btn-loading {
        position: relative;
        color: transparent;
        cursor: not-allowed
      }
      .zent-btn-loading:link, .zent-btn-loading:visited, .zent-btn-loading:focus, .zent-btn-loading:hover, .zent-btn-loading:active {
        color: transparent;
      }
      .zent-btn-loading::before, .zent-btn-loading::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 16px;
        height: 16px;
        margin-left: -8px;
        margin-top: -8px;
        border: 3px solid;
        border-radius: 8px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
      }
      .zent-btn-loading::after {
        border-color: #666 transparent transparent;
        -webkit-animation: btn-spin 0.6s linear;
        animation: btn-spin 0.6s linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
      }
      @-webkit-keyframes btn-spin {
        0% {
          -webkit-transform: rotate(0);
                  transform: rotate(0);
        }
      
        100% {
          -webkit-transform: rotate(360deg);
                  transform: rotate(360deg);
        }
      }
      @keyframes btn-spin {
        0% {
          -webkit-transform: rotate(0);
                  transform: rotate(0);
        }
      
        100% {
          -webkit-transform: rotate(360deg);
                  transform: rotate(360deg);
        }
      }
      .zent-btn-border-transparent {
        border-color: transparent
      }
      .zent-btn-border-transparent:hover {
        border-color: transparent;
      }
      .zent-btn-border-transparent:active {
        border-color: transparent;
      }
      /* Icon */
      .zent-btn span + .zenticon, .zent-btn .zenticon + span {
          margin-left: 8px;
        }
      /* Button Group */
      .zent-btn-group {
        display: inline-block;
      }
      .zent-btn-group .zent-btn + .zent-btn {
          margin-left: -1px;
        }
      .zent-btn-group .zent-btn {
          position: relative;
          border-radius: 0
        }
      .zent-btn-group .zent-btn:hover {
        z-index: 2;
      }
      .zent-btn-group .zent-btn:first-child {
        border-radius: 2px 0 0 2px;
      }
      .zent-btn-group .zent-btn:last-child {
        border-radius: 0 2px 2px 0;
      }
      .zent-btn-group .zent-btn-primary:not(:last-child) {
          border-right-color: #59f;
        }
      .zent-btn-group .zent-btn-primary:not(:first-child) {
          border-left-color: #59f;
        }
      .zent-btn-group .zent-btn-danger:not(:last-child) {
          border-right-color: #f66;
        }
      .zent-btn-group .zent-btn-danger:not(:first-child) {
          border-left-color: #f66;
        }
      .zent-btn-group .zent-btn-success:not(:last-child) {
          border-right-color: #6c2;
        }
      .zent-btn-group .zent-btn-success:not(:first-child) {
          border-left-color: #6c2;
        }
      .zent-btn-group + .zent-btn-group, .zent-btn-group + .zent-btn, .zent-btn + .zent-btn-group {
        margin-left: 10px;
      }
      .zent-card {
        background-color: #fff;
        border-radius: 2px;
        position: relative;
        border: 1px solid #e5e5e5;
        overflow: hidden;
      }
      .zent-card-header {
          height: 48px;
          padding: 0 20px;
          border-bottom: 1px solid #e5e5e5;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: end;
              -ms-flex-pack: end;
                  justify-content: flex-end;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          font-weight: 500;
        }
      .zent-card-header__title {
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            width: 100%;
            color: #444;
          }
      .zent-card-header__action {
            -webkit-box-flex: 0;
                -ms-flex: none;
                    flex: none;
          }
      .zent-card-body {
          padding: 20px;
        }
      .zent-card--normal .zent-card-header {
            font-size: 16px;
          }
      .zent-card--normal .zent-card-body {
            font-size: 14px;
          }
      .zent-card--nested .zent-card-header {
            font-size: 14px;
            background: #f8f8f8;
          }
      .zent-cascader {
        display: inline-block
      }
      .zent-cascader.open .zent-cascader__select-text {
            border-color: #27f;
            -webkit-box-shadow: 0 1px 1px #bdf;
                    box-shadow: 0 1px 1px #bdf;
      }
      .zent-cascader.open .zent-cascader__select-text .zenticon {
              -webkit-transform: rotate(180deg) scale(0.5);
                      transform: rotate(180deg) scale(0.5);
            }
      .zent-cascader__select {
          cursor: pointer;
          display: inline-block;
          font-size: 0;
          position: relative;
          text-align: left;
          -webkit-user-select: none;
             -moz-user-select: none;
              -ms-user-select: none;
                  user-select: none;
          width: 260px;
          vertical-align: middle;
      }
      .zent-cascader__select-text {
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
            border: 1px solid #bbb;
            border-radius: 2px;
            display: inline-block;
            min-height: 30px;
            line-height: 1.5;
            max-height: 76px;
            padding: 5px 30px 5px 10px;
            -webkit-transition: border-color 0.25s;
            transition: border-color 0.25s;
            width: 100%;
            background-color: #fff;
            position: relative;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            font-size: 12px;
          }
      .zent-cascader__select-text-content {
              line-height: inherit;
            }
      .zent-cascader__select-text.is-placeholder {
        color: #999;
      }
      .zent-cascader__select-text .zenticon {
              margin-top: -6px;
              position: absolute;
              right: 10px;
              top: 50%;
              -webkit-transition: -webkit-transform 0.25s;
              transition: -webkit-transform 0.25s;
              transition: transform 0.25s;
              transition: transform 0.25s, -webkit-transform 0.25s;
              font-size: 12px;
              -webkit-transform: scale(0.5);
                      transform: scale(0.5);
      }
      .zent-cascader__menu {
          display: inline-block;
          vertical-align: top;
          min-width: 111px;
          height: 180px;
          list-style: none;
          margin: 0;
          padding: 0;
          border-right: 1px solid #e5e5e5;
          overflow: auto;
      }
      .zent-cascader__menu-item {
            font-size: 12px;
            cursor: pointer;
            white-space: nowrap;
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
            position: relative;
            height: 30px;
            line-height: 30px;
            text-align: left;
            color: #666;
            padding-left: 10px;
            padding-right: 30px;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
          }
      .zent-cascader__menu-item-icon {
              position: absolute;
              right: 10px;
              top: 50%;
              -webkit-transform: translateY(-50%);
                      transform: translateY(-50%);
              color: #bbb;
              font-size: 8px;
            }
      .zent-cascader__menu-item-loading {
              width: 12px;
              height: 12px;
              margin-top: -6px;
              position: absolute;
              display: inline-block;
              -webkit-animation: rotate 1s infinite linear;
                      animation: rotate 1s infinite linear;
              border: 1px solid #bbb;
              border-radius: 50%;
              right: 10px;
              top: 50%;
              border-top-color: transparent;
              -webkit-box-sizing: border-box;
                      box-sizing: border-box;
            }
      .zent-cascader__menu-item:hover {
        background: #eaf3ff;
      }
      .zent-cascader__menu-item.active {
        background: #f8f8f8;
        font-weight: 600;
      }
      .zent-cascader__list {
          font-size: 0;
          padding: 10px 4px;
          min-height: 80px;
      }
      .zent-cascader__list-item {
            display: inline-block;
            line-height: 30px;
            height: 30px;
            width: 108px;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
          }
      .zent-cascader__list-link {
            cursor: pointer;
            display: inline-block;
            font-size: 12px;
            padding: 0 5px;
            line-height: 18px;
            vertical-align: middle;
            max-width: 98px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
          }
      .zent-cascader__list-link:hover {
        background: #eaf3ff;
      }
      .zent-cascader__list-link.active {
        background: #27f;
        border-radius: 2px;
        color: #fff;
      }
      .zent-cascader__tabs .zent-tabs-nav {
              margin-bottom: 0;
            }
      .zent-cascader__tabs .zent-tabs-nav-content {
              height: auto;
            }
      .zent-cascader__tabs .zent-tabs-tab {
              border-radius: 0;
              border-top: none;
              width: 80px
            }
      .zent-cascader__tabs .zent-tabs-tab:first-child {
        border-left: none;
        border-top: none;
      }
      .zent-cascader__tabs .zent-tabs-tab-inner {
              min-width: 80px;
            }
      .zent-cascader__popup {
          z-index: 2000;
      }
      .zent-cascader__popup-inner {
            background: #fff;
            width: 440px;
            -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
                    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
            margin-top: 5px;
          }
      .zent-cascader__popup-inner-menu {
              width: auto;
              white-space: nowrap;
            }
      .zent-cascader__loading {
          position: relative;
          vertical-align: middle;
      }
      .zent-cascader__loading-label {
            line-height: 16px;
            display: inline-block;
            vertical-align: middle;
          }
      .zent-cascader__loading-icon {
            display: inline-block;
            position: relative;
            vertical-align: middle;
            height: 12px;
            width: 12px;
            border-radius: 50%;
            border: 1px solid #27f;
            margin-left: 5px
          }
      .zent-cascader__loading-icon:after {
        content: '';
        display: inline-block;
        position: absolute;
        height: 10px;
        width: 4px;
        background: white;
        -webkit-animation: 1s linear rotate infinite;
        animation: 1s linear rotate infinite;
        -webkit-transform-origin: 8px 3px;
        transform-origin: 8px 3px;
        left: -1px;
        top: 4px;
      }
      @-webkit-keyframes rotate {
        from {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg);
        }
      
        to {
          -webkit-transform: rotate(360deg);
                  transform: rotate(360deg);
        }
      }
      @keyframes rotate {
        from {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg);
        }
      
        to {
          -webkit-transform: rotate(360deg);
                  transform: rotate(360deg);
        }
      }
      .zent-checkbox-group {
        display: inline-block;
        font-size: 12px;
      }
      .zent-checkbox-wrap {
        display: inline-block;
        cursor: pointer;
        font-weight: 400;
        font-size: 12px;
        line-height: 14px;
        margin: 0;
        padding: 0;
        margin-right: 15px;
        vertical-align: middle
      }
      .zent-checkbox-wrap.zent-checkbox-disabled {
        cursor: not-allowed;
      }
      .zent-checkbox-wrap:last-child {
        margin-right: 0;
      }
      .zent-checkbox {
        position: relative;
        display: inline-block;
        width: 16px;
        height: 16px;
        white-space: nowrap;
        outline: none;
        vertical-align: middle;
        line-height: 1;
        margin: 0;
        padding: 0
      }
      .zent-checkbox > input {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        opacity: 0;
        cursor: pointer;
      }
      .zent-checkbox + span {
        margin-left: 8px;
        margin-right: 8px;
        vertical-align: middle;
        font-size: @font-2;
        line-height: @line-heigh-2;
      }
      .zent-checkbox-disabled .zent-checkbox + span{
          color: @black-25;
      }
      .zent-checkbox:hover .zent-checkbox-inner{
          border-color: @primary;
      }
      .zent-checkbox-inner {
        position: relative;
        top: 0;
        left: 0;
        display: inline-block;
        width: 14px;
        height: 14px;
        border-radius: 2px;
        border: 1px solid #bbb;
        background: #fff;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        -webkit-transition: all 0.3s;
        transition: all 0.3s
      }
      .zent-checkbox-inner::after {
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        position: absolute;
        display: block;
        content: ' ';
        font-size: 0;
        top: 3px;
        left: 2px;
        width: 6px;
        height: 3px;
        border: 2px solid #fff;
        background: transparent;
        border-top: none;
        border-right: none;
        -webkit-transform: rotate(-45deg) scale(0);
        transform: rotate(-45deg) scale(0);
        -webkit-transition: all 0.12s ease-in-out;
        transition: all 0.12s ease-in-out;
      }
      .zent-checkbox-checked > .zent-checkbox > .zent-checkbox-inner {
        border-color: @primary;
        background: @primary
      }
      .zent-checkbox-checked > .zent-checkbox > .zent-checkbox-inner::after {
        -webkit-transform: rotate(-45deg) scale(1);
        transform: rotate(-45deg) scale(1);
      }
      .zent-checkbox-indeterminate > .zent-checkbox > .zent-checkbox-inner {
        border-color: #38f;
        background: #fff
      }
      .zent-checkbox-indeterminate > .zent-checkbox > .zent-checkbox-inner::after {
        top: 5px;
        left: 3px;
        width: 6px;
        height: 2px;
        border: none;
        background: #38f;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
      }
      .zent-checkbox-disabled > .zent-checkbox > .zent-checkbox-inner {
        background-color: #f8f8f8;
        border-color: #e5e5e5;
      }
      .zent-checkbox-disabled > .zent-checkbox > input[type="checkbox"] {
        cursor: not-allowed;
      }
      .zent-checkbox-disabled.zent-checkbox-checked > .zent-checkbox > .zent-checkbox-inner {
        background-color: #F5F5F5;
        border-color: #D9D9D9;
      }
      .zent-checkbox-disabled.zent-checkbox-checked > .zent-checkbox > .zent-checkbox-inner::after{
          border-color: #D9D9D9;
      }
      .zent-checkbox-disabled.zent-checkbox-indeterminate > .zent-checkbox > .zent-checkbox-inner {
        background-color: #e5e5e5;
        border-color: #e5e5e5
      }
      .zent-checkbox-disabled.zent-checkbox-indeterminate > .zent-checkbox > .zent-checkbox-inner::after {
        background: #fff;
      }
      .zent-collapse {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        overflow: hidden;
      }
      .zent-collapse--has-border {
          border: 1px solid @black-9;
          border-radius: 4px;
        }
      .zent-collapse--has-border .zent-collapse-panel__title {
            background: @black-2;
          }
      .zent-collapse--no-border {
          background: #fff;
        }
      .zent-collapse-panel {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
      }
      .zent-collapse-panel__title {
          font-size: 14px;
          line-height: 1.5;
          padding: 10px;
          border-bottom: none;
          cursor: pointer;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          overflow: hidden;
          color: @black-65;
        }
      .zent-collapse-panel__content-box {
          padding: 0 16px;
          border-bottom: none;
          background: #fff;
          overflow: hidden;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
        }
      .zent-collapse-panel__content {
          font-size: @font-2;
          line-height: @line-heigh-2;
          padding: 16px 0;
          color: @black-65;
        }
      .zent-collapse-panel__arrow {
          width: 12px!important;
          height: 12px!important;
          fill: @black-65;
          margin-right: 10px;
          -webkit-transition: -webkit-transform 200ms ease;
          transition: -webkit-transform 200ms ease;
          transition: transform 200ms ease;
          transition: transform 200ms ease, -webkit-transform 200ms ease;
        }
      .zent-collapse-panel--inactive .zent-collapse-panel__arrow {
            -webkit-transform: translateY(-1px) rotate(-90deg);
                    transform: translateY(-1px) rotate(-90deg);
          }
      .zent-collapse-panel--disabled .zent-collapse-panel__arrow {
            fill: @black-25;
          }
      .zent-collapse-panel--disabled .zent-collapse-panel__title {
            color: @black-25;
            cursor: not-allowed;
          }
      .zent-collapse-panel--animating {
          -webkit-user-select: none;
             -moz-user-select: none;
              -ms-user-select: none;
                  user-select: none;
        }
      .zent-color-picker-popover {
        z-index: 2000;
      }
      .zent-color-picker {
        cursor: pointer;
        display: inline-block;
        font-size: 12px;
        margin-right: 10px;
        outline: none;
        position: relative;
        text-align: left;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
        height: 32px;
        vertical-align: middle
      }
      .zent-color-picker.open .zent-color-picker__text {
            border-color: #38f;
            -webkit-box-shadow: 0 1px 1px #bdf;
                    box-shadow: 0 1px 1px #bdf
      }
      .zent-color-picker.open .zent-color-picker__text::after {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
      }
      .zent-color-picker__text {
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          border: 1px solid #bbb;
          border-radius: 2px;
          display: inline-block;
          width: 50px;
          height: 30px;
          outline: none;
          padding: 5px;
          -webkit-transition: border-color 0.25s;
          transition: border-color 0.25s;
          background-color: #fff;
          position: relative;
      }
      .zent-color-picker__preview {
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          width: 38px;
          height: 18px;
      }
      .zent-colorpicker-colors-select {
        background: #fff;
        width: 190px;
        -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
                box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
        -webkit-box-sizing: content-box;
                box-sizing: content-box;
        line-height: 10px;
        padding-top: 10px;
      }
      .zent-colorpicker-colors-select__preview {
        width: 20px;
        height: 20px;
        display: inline-block;
        margin-left: 10px;
        margin-bottom: 10px;
        cursor: pointer;
        -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
                box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
      }
      .zent-date-range-picker__filter {
        display: inline-block;
      }
      .zent-date-range-picker__btn {
        margin-left: 10px;
        display: inline-block;
        padding: 2px 4px;
        font-size: 12px;
        color: #bbb;
        cursor: pointer;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        border: 1px solid #e5e5e5;
        border-radius: 2px
      }
      .zent-date-range-picker__btn:first-child {
        margin-left: 15px;
      }
      .zent-date-range-picker__btn:hover {
        color: #38f;
        border-color: #38f;
      }
      .zent-date-range-picker__btn.active {
        border-color: #38f;
        color: #38f;
      }
      .zent-datetime-picker {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        display: inline-block;
        line-height: normal;
        position: relative;
      }
      .zent-datetime-picker .picker-seperator {
          font-size: 12px;
          color: #666;
          padding: 0 10px;
        }
      .zent-datetime-picker .picker-input {
          color: @black-65;
          position: relative;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          width: 224px;
          height: 32px;
          line-height: 32px;
          font-size: @font-2;
          background: #fff;
          border-radius: 4px;
        }
      .zent-datetime-picker .picker-input--combine {
            border: 1px solid #bbb;
            padding: 0 10px;
          }
      .zent-datetime-picker .picker-input--combine.picker-input--disabled {
            border-color: #e5e5e5;
          }
      .zent-datetime-picker .picker-input .zent-input {
            color: inherit;
          }
      .zent-datetime-picker .picker-input .zenticon {
            line-height: 32px;
            position: absolute;
            right: 12px;
            top: 0;
            color: @black-25;
          }
      .zent-datetime-picker .picker-input .zenticon-calendar-o {
            display: block;
          }
      .zent-datetime-picker .picker-input .zenticon-clock-o {
            display: block;
          }
      .zent-datetime-picker .picker-input .zenticon-close-circle {
            display: none;
          }
      .zent-datetime-picker .picker-input--range {
            width: 240px;
          }
      .zent-datetime-picker .picker-input--showTime {
            width: 320px;
          }
      .zent-datetime-picker .picker-input--show-clear-icon {
            color: @black-65
          }
      .zent-datetime-picker .picker-input--show-clear-icon:hover .zenticon-close-circle {
                display: block;
      }
      .zent-datetime-picker .picker-input--show-clear-icon:hover .zenticon-calendar-o {
                display: none;
      }
      .zent-datetime-picker .picker-input--show-clear-icon:hover .zenticon-clock-o {
                display: none;
      }
      .zent-datetime-picker .picker-input--disabled {
            background: @black-4;
            color: @black-25;
            cursor: not-allowed
          }
      .zent-datetime-picker .picker-input--disabled .zent-input{
          border-color: #D9D9D9;
      }
      .zent-datetime-picker .picker-input--disabled:hover .zenticon-close-circle {
                display: none;
      }
      .zent-datetime-picker .picker-input--disabled:hover .zenticon-calendar-o {
                display: block;
      }
      .zent-datetime-picker .picker-input--disabled:hover .zenticon-clock-o {
                display: block;
      }
      .zent-datetime-picker-popover {
          line-height: 1;
          z-index: 2000;
        }
      .zent-datetime-picker-popover .date-picker, .zent-datetime-picker-popover .month-picker, .zent-datetime-picker-popover .time-picker, .zent-datetime-picker-popover .range-picker, .zent-datetime-picker-popover .week-picker, .zent-datetime-picker-popover .year-picker, .zent-datetime-picker-popover .quarter-picker {
            background: #fff;
            width: 240px;
            font-size: 12px;
            border-radius: 2px;
            -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
                    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
            z-index: 10;
          }
      .zent-datetime-picker-popover .grid-cell {
            vertical-align: middle;
            padding: 0;
          }
      .zent-datetime-picker-popover .range-picker {
            width: 480px;
          }
      .zent-datetime-picker-popover .range-picker .date-picker {
              display: inline-block;
              vertical-align: top;
              -webkit-box-shadow: none;
                      box-shadow: none
            }
      .zent-datetime-picker-popover .range-picker .date-picker + .date-picker {
        position: relative;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-left: 1px solid #e5e5e5;
        left: -1px;
      }
      .zent-datetime-picker-popover .range-picker .date-picker .month-panel .grid-cell {
                  height: 47.5px;
                }
      .zent-datetime-picker-popover .range-picker .date-picker .year-panel .grid-cell {
                  height: 47.5px;
                }
      .zent-datetime-picker-popover .range-picker .date-picker.small .month-panel .grid-cell {
                    height: 41.5px;
                  }
      .zent-datetime-picker-popover .range-picker .date-picker.small .year-panel .grid-cell {
                    height: 41.5px;
                  }
      .zent-datetime-picker-popover .range-picker--showTime .date-picker .month-panel .grid-cell, .zent-datetime-picker-popover .range-picker--showTime .date-picker .year-panel .grid-cell {
                    height: 56px;
                  }
      .zent-datetime-picker-popover .range-picker--showTime .date-picker.small .month-panel .grid-cell, .zent-datetime-picker-popover .range-picker--showTime .date-picker.small .year-panel .grid-cell {
                      height: 56px;
                    }
      .zent-datetime-picker-popover .range-picker--showTime .date-picker .time-panel .panel-content {
                    height: 265px;
                  }
      .zent-datetime-picker-popover .date-panel, .zent-datetime-picker-popover .month-panel, .zent-datetime-picker-popover .quarter-panel, .zent-datetime-picker-popover .year-panel {
            position: relative;
            width: 240px;
            background: #fff;
            color: #333;
          }
      .zent-datetime-picker-popover .date-picker .date-panel .grid-cell, .zent-datetime-picker-popover .week-picker .date-panel .grid-cell {
                padding: 4px 0;
              }
      .zent-datetime-picker-popover .date-picker .month-panel, .zent-datetime-picker-popover .week-picker .month-panel {
              position: absolute;
              top: 0;
              left: 0;
            }
      .zent-datetime-picker-popover .date-picker .month-panel .grid-cell, .zent-datetime-picker-popover .week-picker .month-panel .grid-cell {
                height: 47.5px;
                vertical-align: middle;
                padding: 0;
              }
      .zent-datetime-picker-popover .date-picker .year-panel .grid-cell, .zent-datetime-picker-popover .week-picker .year-panel .grid-cell {
                height: 47.5px;
                vertical-align: middle;
                padding: 0;
              }
      .zent-datetime-picker-popover .date-picker.small .date-panel .grid-cell, .zent-datetime-picker-popover .week-picker.small .date-panel .grid-cell {
                  padding: 2px 0;
                }
      .zent-datetime-picker-popover .date-picker.small .month-panel .grid-cell, .zent-datetime-picker-popover .week-picker.small .month-panel .grid-cell {
                  height: 55.5px;
                  padding: 0;
                }
      .zent-datetime-picker-popover .date-picker.small .year-panel .grid-cell, .zent-datetime-picker-popover .week-picker.small .year-panel .grid-cell {
                  height: 55.5px;
                }
      .zent-datetime-picker-popover .month-picker .month-panel .grid-cell {
                height: 47.5px;
              }
      .zent-datetime-picker-popover .month-picker .month-panel .year-panel .grid-cell {
                  height: 47.5px;
                  padding: 0;
                }
      .zent-datetime-picker-popover .month-picker.small .month-panel .grid-cell {
                  height: 36px;
                }
      .zent-datetime-picker-popover .year-picker .year-panel {
              position: relative;
            }
      .zent-datetime-picker-popover .year-picker .year-panel .grid-cell {
                height: 47.5px;
                padding: 0;
              }
      .zent-datetime-picker-popover .year-picker.small .year-panel .grid-cell {
                  height: 41.5px;
                }
      .zent-datetime-picker-popover .quarter-picker .quarter-panel {
              height: 240px;
            }
      .zent-datetime-picker-popover .quarter-picker .quarter-panel .grid-cell {
                height: 47.5px;
              }
      .zent-datetime-picker-popover .quarter-picker .year-panel .grid-cell {
                height: 47.5px;
                padding: 0;
              }
      .zent-datetime-picker-popover .panel__header {
            position: relative;
            text-align: center;
            height: 36px;
            line-height: 36px;
            border-bottom: 1px solid #e5e5e5;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
          }
      .zent-datetime-picker-popover .panel__header .link--prev {
              cursor: pointer;
              position: absolute;
              left: 25px;
              padding: 0 10px;
              font-size: 8px;
            }
      .zent-datetime-picker-popover .panel__header .link--prev .zenticon {
                -webkit-transform: rotate(180deg);
                        transform: rotate(180deg);
              }
      .zent-datetime-picker-popover .panel__header .link--next {
              cursor: pointer;
              position: absolute;
              right: 25px;
              padding: 0 10px;
              font-size: 8px;
            }
      .zent-datetime-picker-popover .panel__header .panel__title {
              cursor: pointer;
            }
      .zent-datetime-picker-popover .panel__footer {
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
            height: 54px;
            line-height: 54px;
            padding-right: 10px;
            text-align: right;
            border-top: 1px solid #e5e5e5;
          }
      .zent-datetime-picker-popover .panel__footer .btn--confirm {
              margin-left: 15px;
            }
      .zent-datetime-picker-popover .panel__footer .link--current {
              color: #38f;
              cursor: pointer;
            }
      .zent-datetime-picker-popover .panel__footer .link--disabled {
              color: #999;
            }
      .zent-datetime-picker-popover .panel__footer .error-tips {
              color: #f44;
              font-size: 12px;
            }
      .zent-datetime-picker-popover .panel-table {
            padding: 6px;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
          }
      .zent-datetime-picker-popover .panel-table__row {
              list-style: none;
              padding: 0;
              margin: 0;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
            }
      .zent-datetime-picker-popover .panel-table__row li {
                display: -webkit-inline-box;
                display: -ms-inline-flexbox;
                display: inline-flex;
                -webkit-box-flex: 1;
                    -ms-flex: 1;
                        flex: 1;
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center;
                -webkit-box-pack: center;
                    -ms-flex-pack: center;
                        justify-content: center;
              }
      .zent-datetime-picker-popover .panel-table__head {
              padding: 6px 0;
            }
      .zent-datetime-picker-popover .panel-table .panel__cell {
              display: inline-block;
              -webkit-box-sizing: border-box;
                      box-sizing: border-box;
              text-align: center;
              vertical-align: middle;
              border-radius: 2px;
              cursor: pointer;
              position: relative
            }
      .zent-datetime-picker-popover .panel-table .panel__cell:hover {
        background: #bdf;
      }
      .zent-datetime-picker-popover .panel-table .panel__cell--current {
                color: #38f;
                border: 1px solid #38f;
      }
      .zent-datetime-picker-popover .panel-table .panel__cell--different {
                color: #999;
                background: none
      }
      .zent-datetime-picker-popover .panel-table .panel__cell--different:before, .zent-datetime-picker-popover .panel-table .panel__cell--different:after {
        display: none;
      }
      .zent-datetime-picker-popover .panel-table .panel__cell--in-range {
                background: #bdf;
                border: none;
                border-radius: 0
      }
      .zent-datetime-picker-popover .panel-table .panel__cell--in-range:before {
        content: '';
        display: block;
        width: 8px;
        height: 20px;
        background: #bdf;
        position: absolute;
        right: -8px;
        top: 0;
      }
      .zent-datetime-picker-popover .panel-table .panel__cell--in-range:after {
        content: '';
        display: block;
        width: 8px;
        height: 20px;
        background: #bdf;
        position: absolute;
        left: -8px;
        top: 0;
      }
      .zent-datetime-picker-popover .panel-table .panel__cell--in-selected {
                background: #bdf;
                border: none;
                border-radius: 0
      }
      .zent-datetime-picker-popover .panel-table .panel__cell--in-selected:before {
        content: '';
        display: block;
        width: 8px;
        height: 20px;
        background: #bdf;
        position: absolute;
        right: -8px;
        top: 0;
      }
      .zent-datetime-picker-popover .panel-table .panel__cell--in-selected:after {
        content: '';
        display: block;
        width: 8px;
        height: 20px;
        background: #bdf;
        position: absolute;
        left: -8px;
        top: 0;
      }
      .zent-datetime-picker-popover .panel-table .panel__cell--disabled {
                cursor: not-allowed;
                color: #e5e5e5;
                border-color: #e5e5e5;
                background: transparent
      }
      .zent-datetime-picker-popover .panel-table .panel__cell--disabled:hover {
        background: #fff;
      }
      .zent-datetime-picker-popover .panel-table .panel__cell--disabled:before, .zent-datetime-picker-popover .panel-table .panel__cell--disabled:after {
        display: none;
      }
      .zent-datetime-picker-popover .panel-table .panel__cell--selected {
                background: #38f;
                color: #fff
      }
      .zent-datetime-picker-popover .panel-table .panel__cell--selected:hover {
        background: #38f;
      }
      .zent-datetime-picker-popover .panel-table .panel__cell.date-panel__cell {
        width: 20px;
        height: 20px;
        line-height: 20px;
      }
      .zent-datetime-picker-popover .panel-table .panel__cell.month-panel__cell {
        width: 32px;
        height: 32px;
        line-height: 32px;
      }
      .zent-datetime-picker-popover .panel-table .panel__cell.year-panel__cell {
        width: 50px;
        height: 30px;
        line-height: 30px;
      }
      .zent-datetime-picker-popover .panel-table .panel__cell.quarter-panel__cell {
        height: 32px;
        line-height: 32px;
        width: 100%;
      }
      .zent-datetime-picker-popover .year-panel {
            position: absolute;
            top: 0;
            left: 0;
          }
      .zent-datetime-picker-popover .time-panel__cell {
              padding: 3px;
            }
      .zent-datetime-picker-popover .time-panel .panel-table__row:last-child {
              display: block;
            }
      .zent-datetime-picker-popover .time-panel .panel-table__row:last-child .grid-cell {
                width: 14.28%;
              }
      .zent-datetime-picker-popover .time-panel .panel-content {
              position: absolute;
              top: 0;
              left: 0;
              height: 327px;
              width: 240px;
              background: #fff;
            }
      .zent-datetime-picker-popover .time-panel__preview {
              margin: 12px 10px;
              height: 31px;
              line-height: 31px;
              border: 1px solid #bbb;
              border-radius: 2px;
              text-align: center;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
            }
      .zent-datetime-picker-popover .time-panel__preview .time__number {
                -webkit-box-flex: 1;
                    -ms-flex: 1;
                        flex: 1;
                cursor: pointer;
                border-right: 1px solid #bbb
              }
      .zent-datetime-picker-popover .time-panel__preview .time__number:last-child {
        border-right: none;
      }
      .zent-datetime-picker-popover .time-picker-panel__header {
              height: 50px;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center;
            }
      .zent-datetime-picker-popover .time-picker-panel__tab-group {
              margin: 12px 60px;
              height: 31px;
              line-height: 31px;
              text-align: center;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-flex: 1;
                  -ms-flex: 1;
                      flex: 1
            }
      .zent-datetime-picker-popover .time-picker-panel__tab-group.show-second {
        margin: 12px 30px;
      }
      .zent-datetime-picker-popover .time-picker-panel__tab-group .time__number {
                -webkit-box-flex: 1;
                    -ms-flex: 1;
                        flex: 1;
                cursor: pointer;
                border: 1px solid #bbb;
                border-right-width: 0;
                -webkit-user-select: none;
                   -moz-user-select: none;
                    -ms-user-select: none;
                        user-select: none
      }
      .zent-datetime-picker-popover .time-picker-panel__tab-group .time__number:first-child {
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px;
      }
      .zent-datetime-picker-popover .time-picker-panel__tab-group .time__number:last-child {
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        border-right-width: 1px;
      }
      .zent-datetime-picker-popover .time-picker-panel__tab-group .time__number.checked {
        border: 1px solid #38f;
        color: #38f;
        outline: none;
      }
      .zent-datetime-picker-popover .time-picker-panel__tab-group .time__number.checked + .time__number {
        border-left-width: 0;
      }
      .zent-datetime-picker-popover .time-picker-panel__content {
              height: 210px;
              padding: 6px 0;
            }
      .zent-datetime-picker-popover .time-picker-panel__content .grid-cell {
                padding: 2px 0;
              }
      .zent-datetime-picker-popover .time-picker-panel__footer .panel__footer {
                border-top: none;
              }
      .zent-datetime-picker .time-picker-input {
          width: 224px;
        }
      .zent-datetime-picker .week-picker-input {
          width: 195px;
        }
      .zent-design-preview {
        border: 1px solid #e5e5e5;
        width: 320px;
        min-height: 450px;
        position: relative;
      }
      .zent-design-preview .zent-design-add-component-overlay--grouped {
          background: #fff
        }
      .zent-design-preview .zent-design-add-component-overlay--grouped:after {
        border-right-color: #fff;
      }
      .zent-design-preview-item {
        position: relative;
      }
      .zent-design-editor-item {
        position: absolute;
        left: 100%;
        top: 0;
        padding: 15px;
        min-height: 28px;
        background: #f8f8f8;
        border-radius: 5px;
        border: 1px solid #e5e5e5;
        width: 420px;
        margin-left: 20px;
        font-size: 12px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        z-index: 5;
      }
      .zent-design-editor-item a {
          color: #38f;
          text-decoration: none;
          cursor: pointer;
        }
      .zent-design-editor-item:after, .zent-design-editor-item:before {
        right: 100%;
        top: 20px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
      }
      .zent-design-editor-item:after {
        border-color: transparent;
        border-right-color: #f8f8f8;
        border-width: 6px;
        margin-top: -6px;
      }
      .zent-design-editor-item:before {
        border-color: transparent;
        border-right-color: #e5e5e5;
        border-width: 7px;
        margin-top: -7px;
      }
      .zent-design-editor-item.zent-design-add-component-overlay {
        width: 320px;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        padding: 0 0 10px;
        margin-top: -20px
      }
      .zent-design-editor-item.zent-design-add-component-overlay.zent-design-add-component-overlay--bottom {
        top: 100%;
      }
      .zent-design-editor-item.zent-design-add-component-overlay.zent-design-add-component-overlay--top {
        top: 0;
      }
      .zent-design-preview-controller {
        position: relative;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        border: 0;
      }
      .zent-design-preview-controller__action-btn-delete {
          position: absolute;
          top: -10px;
          right: -10px;
          z-index: 15;
          font-size: 0;
          line-height: 0;
          cursor: pointer;
        }
      .zent-design-preview-controller__icon-delete {
          display: none;
        }
      .zent-design-preview-controller__icon-delete circle {
            fill: #bbb;
          }
      .zent-design-preview-controller__icon-delete:hover circle {
              fill: #999;
      }
      .zent-design-preview-controller__icon-add circle {
            fill: #59f;
          }
      .zent-design-preview-controller__icon-add:hover circle {
              fill: #38f;
      }
      .zent-design-preview-controller__action-btn-add-container {
          position: absolute;
          left: 0;
          z-index: 10;
          width: 100%;
          display: none
        }
      .zent-design-preview-controller__action-btn-add-container.zent-design-preview-controller__prepend {
        top: 1px;
      }
      .zent-design-preview-controller__action-btn-add-container.zent-design-preview-controller__append {
        bottom: 0;
      }
      .zent-design-preview-controller__action-btn-add {
          position: absolute;
          right: 50%;
          margin-right: -8px;
          top: -9px;
          z-index: 5;
      
          /* ignore whitespace in html */
          font-size: 0;
          line-height: 0;
          width: 17px;
          height: 17px;
          display: inline-block;
          cursor: pointer
        }
      .zent-design-preview-controller__action-btn-add:hover + .zent-design-preview-controller__add-marker .zent-design-preview-controller__add-marker-circle {
                border-color: #38f;
              }
      .zent-design-preview-controller__action-btn-add:hover + .zent-design-preview-controller__add-marker .zent-design-preview-controller__add-marker-line {
                background: #38f;
              }
      .zent-design-preview-controller__add-marker {
          position: absolute;
          left: 0;
          bottom: -2px;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          width: 100%;
          z-index: 4;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
        }
      .zent-design-preview-controller__add-marker-circle {
            border: 1px solid #59f;
            border-radius: 50%;
            width: 3px;
            height: 3px;
            display: inline-block;
            z-index: 1;
            -webkit-box-flex: 0;
                -ms-flex: 0 0 3px;
                    flex: 0 0 3px;
            background: #fff;
          }
      .zent-design-preview-controller__add-marker-line {
            background: #59f;
            height: 1px;
            width: 100%;
          }
      .zent-design-preview-controller--editable {
          cursor: pointer;
        }
      .zent-design-preview-controller--dragable {
          cursor: move;
        }
      .zent-design-preview-controller .zent-pop-wrapper {
          margin-left: 1px;
        }
      .zent-design-preview-controller:hover .zent-design-preview-controller__icon-delete, .zent-design-preview-controller:hover .zent-design-preview-controller__action-btn-add-container {
          display: block;
        }
      .zent-design-preview-controller--highlight.zent-design-preview-controller:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        pointer-events: none;
        display: none;
      }
      .zent-design-preview-controller--highlight.zent-design-preview-controller:hover:before, .zent-design-preview-controller--highlight.zent-design-preview-controller--selected:before {
        z-index: 2;
        display: block;
        border: 1px dashed #38f;
      }
      .zent-design-preview-controller--highlight.zent-design-preview-controller:hover:before {
        opacity: 0.5;
      }
      .zent-design-preview-controller--highlight.zent-design-preview-controller--selected:before {
          opacity: 1;
      }
      /* stylelint-disable media-feature-name-no-unknown */
      .zent-design-editor-add-component {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
      }
      /* Remove this style */
      .zent-design-editor-add-component .zent-design-editor-add-component__mixed {
          padding: 0 5px;
        }
      .zent-design-editor-add-component .zent-design-editor-add-component__mixed-title {
            height: 40px;
            line-height: 40px;
            text-align: center;
            font-weight: bold;
            font-size: 14px;
            color: #333;
          }
      .zent-design-editor-add-component .zent-design-editor-add-component__mixed-list {
            overflow: hidden;
            zoom: 1;
      
            padding-right: 5px;
          }
      .zent-design-editor-add-component .zent-design-editor-add-component__mixed-btn-wrapper {
            float: left;
            padding-left: 5px;
            margin-bottom: 10px;
            height: 40px;
            width: 20%;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
          }
      .zent-design-editor-add-component .zent-design-editor-add-component__mixed-btn {
            border: 1px solid #e5e5e5;
            color: #38f;
            font-size: 12px;
            background: #fff;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
            border-radius: 0;
            height: 100%;
            width: 100%;
            display: inline-block;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            text-align: center;
            cursor: pointer;
          }
      .zent-design-editor-add-component .zent-design-editor-add-component__grouped {
          padding: 0 5px 0 10px;
        }
      .zent-design-editor-add-component .zent-design-editor-add-component__grouped-title {
            font-size: 12px;
            margin-bottom: 8px;
            margin-top: 13px;
          }
      .zent-design-editor-add-component .zent-design-editor-add-component__grouped-list {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
          }
      .zent-design-editor-add-component .zent-design-editor-add-component__grouped-btn-wrapper {
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
            -webkit-box-flex: 0;
                -ms-flex: 0 0 33.33%;
                    flex: 0 0 33.33%;
            height: 30px;
            margin-bottom: 5px;
            padding-right: 5px;
          }
      .zent-design-editor-add-component .zent-design-editor-add-component__grouped-btn {
            border: 1px dashed #e5e5e5;
            color: #666;
            background: #f8f8f8;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
            font-size: 12px;
            border-radius: 0;
            width: 100%;
            height: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            cursor: pointer;
          }
      .zent-design-editor-add-component .zent-design-editor-add-component__grouped-btn br {
              display: none;
            }
      .zent-design-editor-add-component .zent-design-editor-add-component-btn-wrapper:hover .zent-design-editor-add-component__mixed-btn {
              color: #38f;
      }
      .zent-design-editor-add-component .zent-design-editor-add-component-btn-wrapper:hover .zent-design-editor-add-component__mixed-btn--disabled {
                color: #bbb;
              }
      .zent-design-editor-add-component .zent-design-editor-add-component-btn-wrapper:hover .zent-design-editor-add-component__grouped-btn {
              background: #e8f7fd;
              border-color: #bdf;
              color: #38f;
      }
      .zent-design-editor-add-component .zent-design-editor-add-component-btn-wrapper:hover .zent-design-editor-add-component__grouped-btn--disabled {
                color: #bbb;
              }
      .zent-design-editor-add-component .zent-design-editor-add-component-btn-wrapper .zent-design-editor-add-component__mixed-btn--disabled {
            cursor: not-allowed;
            background: #f8f8f8;
            color: #bbb;
      }
      .zent-design-editor-add-component .zent-design-editor-add-component-btn-wrapper .zent-design-editor-add-component__grouped-btn--disabled {
            color: #bbb;
            cursor: not-allowed;
      }
      .zent-design-editor-add-component-pop {
        max-width: 250px;
      }
      .zent-design-editor__control-group:not(:last-child) {
        margin-bottom: 20px;
      }
      .zent-design-editor__control-group-container {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
      }
      .zent-design-editor__control-group-label {
          font-size: 12px;
          width: 85px;
          -ms-flex-negative: 0;
              flex-shrink: 0;
          text-align: right;
          margin-right: 10px;
      }
      .zent-design-editor__control-group-label--top {
            -ms-flex-item-align: start;
                align-self: flex-start;
            margin-top: 6px;
          }
      .zent-design-editor__control-group-help-desc {
          color: #999;
          margin-top: 20px;
      }
      .zent-design-editor__control-group-control {
          -webkit-box-flex: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1;
      }
      .zent-design-editor__control-group-error {
          margin-left: 94px;
          margin-top: 5px;
      }
      .zent-design-editor__control-group-required-star {
          color: #f44;
      }
      .zent-design-editor__control-group.has-error {
        color: #f44;
      }
      .zent-design {
        width: 760px;
        text-rendering: optimizelegibility;
        font-family: inherit;
      }
      .zent-design__restore-cache-alert {
          margin-bottom: 10px;
        }
      .zent-design__restore-cache-alert-use {
            text-decoration: none;
          }
      .zent-design__item-list {
          min-height: 304px;
          padding-bottom: 9px;
        }
      .zent-design__item-list--full-height {
            min-height: 450px;
            padding-bottom: 0;
          }
      .zent-design__add {
          padding-bottom: 5px;
          position: relative;
          border-top: 1px solid #e5e5e5;
        }
      /*
            三角形边框的原理：生成两个边长相差 1px 的三角形，大的颜色用边框颜色，小的颜色用背景色，小的盖在大的里面即可。
          &:after,
          &:before {
            left: 50%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
            z-index: 2;
          }
      
          &:after {
            border-width: 8px;
            margin-left: -8px;
            top: -16px;
          }
      
          &:before {
            border-bottom-color: $theme-stroke-7;
            border-width: 9px;
            margin-left: -9px;
            top: -18px;
          }
          */
      .zent-design__add--mixed {
            background: #f8f8f8
          }
      .zent-design__add--mixed:after {
        border-bottom-color: #f8f8f8;
      }
      .zent-design__add--grouped {
            background: #fff
          }
      .zent-design__add--grouped:after {
        border-bottom-color: #fff;
      }
      .zent-design__disabled-mask {
          position: absolute;
          z-index: 10;
          background-color: rgba(0, 0, 0, 0.2);
          height: 100%;
          width: 100%;
          cursor: not-allowed;
          top: 0;
          left: 0;
        }
      /*
        WARNING: Do NOT use transform: translate(-50%, -50%) to center dialog, it makes content blurry.
      
        With GPU rendering elements we are translating must be even numbers.
        The bad news is that we cannot control the size of dialogs.
      
        http://stackoverflow.com/questions/6411361/webkit-based-blurry-distorted-text-post-animation-via-translate3d
      
        Here we're using inline-blocks to center the dialog.
      
        https://css-tricks.com/centering-in-the-unknown/
      */
      .zent-dialog-r-wrap {
        position: fixed;
        overflow: auto;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1050;
        -webkit-overflow-scrolling: touch;
        outline: 0;
        text-align: center;
        font-size: 0;
        white-space: nowrap
      }
      .zent-dialog-r-wrap::before {
        content: '';
        height: 100%;
        display: inline-block;
        vertical-align: middle;
        /* required */
      }
      .zent-dialog-r {
        position: relative;
        display: inline-block;
        vertical-align: middle; /* required */
        text-align: initial;
        background-color: #fff;
        border-radius: 4px;
        padding: 20px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        font-size: 14px;
        white-space: normal;
      }
      .zent-dialog-r-title {
        padding-bottom: 10px;
        border-bottom: 1px solid #e5e5e5;
        margin: 0;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        margin-bottom: 20px;
      }
      .zent-dialog-r-title-text {
        font-size: 14px;
        line-height: 1;
        font-weight: bold;
        color: #333;
      }
      .zent-dialog-r-close {
        position: absolute;
        display: inline-block;
        top: 4px;
        right: 10px;
        color: #999;
        font-size: 20px;
        line-height: 20px;
        text-align: right;
        vertical-align: middle;
        cursor: pointer;
        border: none;
        background-color: #fff;
        outline: none;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
        padding: 0 6px;
        margin: 0
      }
      .zent-dialog-r-close:link, .zent-dialog-r-close:active, .zent-dialog-r-close:focus {
        color: #999;
      }
      .zent-dialog-r-close.zent-dialog-r-has-title {
        top: 14px;
        right: 12px;
      }
      .zent-dialog-r-body {
        color: #666
      }
      .zent-dialog-r-body.with-success-icon, .zent-dialog-r-body.with-warning-icon {
        padding-left: 30px;
      }
      .zent-dialog-r-footer {
        text-align: right;
        margin-top: 30px;
      }
      .zent-dialog-r-backdrop {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.6);
        height: 100%;
        z-index: 1050;
      }
      .zent-error-boundary-fallback-component__error {
          color: #f44;
          font-size: 14px;
        }
      .zent-error-boundary-fallback-component__error .zenticon-error-circle {
            margin-right: 5px;
          }
      .zent-form {
        margin-bottom: 30px;
        width: auto;
      }
      .zent-form select[readonly], .zent-form textarea[readonly] {
          background-color: #fff;
          cursor: text;
        }
      .zent-form__fieldset {
        padding: 0;
        margin: 0;
        border: 0;
      }
      .zent-form__legend {
        padding-bottom: 8px;
        margin-bottom: 20px;
        width: 100%;
        border-bottom: 1px solid #e5e5e5;
        font-size: 14px;
        font-weight: bold;
      }
      .zent-form__control-group {
        margin-bottom: 20px
      }
      .zent-form__control-group.has-error .zent-form__control-label, .zent-form__control-group.has-error .zent-form__error-desc, .zent-form__control-group.has-error .zent-form__help-block {
            color: #f44;
      }
      .zent-form__static-value {
        padding-top: 5px;
        font-size: 14px;
        line-height: 18px;
        padding-bottom: 5px;
        word-break: break-all;
      }
      .zent-form__control-action {
        padding-top: 5px;
        display: inline-block;
        font-size: 14px;
        line-height: 18px;
      }
      .zent-form__required {
        margin-right: 6px;
        font-size: 16px;
        color: #e33;
        vertical-align: middle;
      }
      .zent-form__help-block, .zent-form__error-desc, .zent-form__help-desc, .zent-form__notice-desc {
        line-height: 14px;
        font-size: 12px;
        margin-top: 10px;
        margin-bottom: 0;
        color: #999;
      }
      .zent-form__help-block ul li, .zent-form__error-desc ul li, .zent-form__help-desc ul li, .zent-form__notice-desc ul li {
          font-size: 12px;
          line-height: 12px;
        }
      .zent-form__help-block a, .zent-form__error-desc a, .zent-form__help-desc a, .zent-form__notice-desc a {
          color: #38f;
        }
      .zent-form__help-block:empty, .zent-form__error-desc:empty, .zent-form__help-desc:empty, .zent-form__notice-desc:empty {
        margin-top: 0 !important;
      }
      .zent-form__notice-desc {
        background: #fff7cc;
        color: #333;
        display: inline-block;
        padding: 5px;
      }
      .zent-form--horizontal .zent-form__control-label {
          display: inline-block;
          width: 120px;
          font-size: 12px;
          line-height: 30px;
          text-align: right;
          vertical-align: top
        }
      .zent-form--horizontal .zent-form__control-label + .zent-form__controls {
        margin-left: 10px;
      }
      .zent-form--horizontal .zent-form__controls {
          display: inline-block;
          word-break: break-all;
          vertical-align: top;
        }
      .zent-form--horizontal .zent-form__form-actions {
          padding: 0 0 0 130px;
          margin: 25px 0 10px;
          background: none;
          border: none;
        }
      .zent-form--horizontal .zent-form__checkbox-group {
          font-size: 0;
          line-height: 28px;
        }
      .zent-form--horizontal .zent-form__checkbox {
          line-height: 28px;
        }
      .zent-form--horizontal .zent-form__radio-group {
          line-height: 28px;
        }
      .zent-form--inline .zent-form__control-group {
          display: inline-block;
          line-height: 30px;
          margin-right: 20px;
        }
      .zent-form--inline .zent-form__control-group .zent-form__control-label {
            display: inline-block;
            font-size: 12px;
            vertical-align: top
          }
      .zent-form--inline .zent-form__control-group .zent-form__control-label + .zent-form__controls {
        display: inline-block;
        margin-left: 10px;
      }
      .zent-form--vertical .zent-form__control-label {
          display: block;
          font-size: 12px;
          margin-bottom: 10px;
        }
      .zent-grid {
        font-size: 12px;
        color: #333;
        position: relative;
        line-height: 1.5;
        overflow: hidden
      }
      .zent-grid.zent-grid-scroll-position-left .zent-grid-fixed-left {
            -webkit-box-shadow: none;
                    box-shadow: none;
      }
      .zent-grid.zent-grid-scroll-position-right .zent-grid-fixed-right {
            -webkit-box-shadow: none;
                    box-shadow: none;
      }
      .zent-grid-table {
          width: 100%;
          text-align: left;
          border-collapse: separate;
          border-spacing: 0;
      
          /* 取消边框, 和 table 一致 */
          border-top: 1px solid #e5e5e5;
      }
      .zent-grid-table-ellipsis {
            table-layout: fixed;
          }
      .zent-grid-table-ellipsis .zent-grid-nowrap {
              overflow: hidden;
              text-overflow: ellipsis;
            }
      .zent-grid-text-align-left {
          text-align: left;
      }
      .zent-grid-text-align-right {
          text-align: right;
      }
      .zent-grid-text-align-center {
          text-align: center;
      }
      .zent-grid-nowrap {
          white-space: nowrap;
          word-break: keep-all;
      }
      .zent-grid-thead-sort-desc, .zent-grid-thead-sort-asc {
            margin-left: 3px;
          }
      .zent-grid-thead-sort-desc::after {
        content: "\2193";
      }
      .zent-grid-thead-sort-asc::after {
        content: "\2191";
      }
      .zent-grid-fixed {
          width: auto;
      }
      .zent-grid-fixed-left, .zent-grid-fixed-right {
          position: absolute;
          top: 0;
          overflow: hidden;
      }
      .zent-grid-fixed-left .zent-grid-fixed, .zent-grid-fixed-right .zent-grid-fixed {
            border-left: none;
            border-right: none;
          }
      .zent-grid-fixed-left {
          left: 0;
          -webkit-box-shadow: 4px 0 4px rgba(0, 0, 0, 0.2);
                  box-shadow: 4px 0 4px rgba(0, 0, 0, 0.2);
      }
      .zent-grid-fixed-left .zent-grid-header .zent-grid-table {
            border-right: none;
          }
      .zent-grid-fixed-left .zent-grid-body {
            margin-right: -20px;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
            margin-bottom: -15px;
            overflow: scroll;
          }
      .zent-grid-fixed-right {
          right: 0;
          -webkit-box-shadow: -4px 0 4px rgba(0, 0, 0, 0.2);
                  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.2);
      }
      .zent-grid-fixed-right .zent-grid-header .zent-grid-table {
            border-left: none;
          }
      .zent-grid-fixed-right .zent-grid-body .zent-grid-table {
            border-left: none;
          }
      .zent-grid-fixed-right .zent-grid-body {
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
            margin-bottom: -15px;
            overflow: scroll;
          }
      .zent-grid-scroll {
          overflow: auto;
      }
      .zent-grid-scroll table {
            width: auto;
            min-width: 100%;
          }
      .zent-grid-scroll .zent-grid-header {
            overflow-x: scroll;
            margin-bottom: -15px;
            padding-bottom: 15px;
          }
      .zent-grid-scroll .zent-grid-body {
            position: relative;
          }
      .zent-grid-empty {
          text-align: center;
          height: 50px;
          line-height: 50px;
          border-bottom: 1px solid #e5e5e5;
      }
      .zent-grid-tr {
          display: table-row;
          background-color: #fff
      }
      .zent-grid-tr:hover {
        background: #f2f2f2;
      }
      .zent-grid-tr__mouseover {
            background: #f2f2f2;
      }
      .zent-grid-tr__expanded td {
              padding: 16px 10px;
              word-break: break-all;
              background-color: #f8f8f8;
            }
      .zent-grid-th, .zent-grid-td {
          line-height: 18px;
          display: table-cell;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          border-bottom: 1px solid #e5e5e5;
          vertical-align: middle;
      }
      .zent-grid-th {
          padding: 11px 10px;
          background-color: #f2f2f2;
          font-weight: normal;
      }
      .zent-grid-td {
          padding: 16px 10px;
      }
      .zent-grid-td .zent-grid-expandable-btn {
            cursor: pointer;
            display: inline-block;
            width: 14px;
            height: 14px;
            text-align: center;
            line-height: 12px;
            border: 1px solid #e5e5e5;
            -webkit-user-select: none;
               -moz-user-select: none;
                -ms-user-select: none;
                    user-select: none;
            background: #fff
          }
      .zent-grid-td .zent-grid-expandable-btn.zent-grid-expand-btn::after {
        content: "+";
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
      }
      .zent-grid-td .zent-grid-expandable-btn.zent-grid-collapse-btn::after {
        content: "-";
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
      }
      .zent-grid-tfoot {
          margin-top: 10px;
          overflow: hidden;
      }
      .zent-grid-tfoot .zent-grid-tfoot-page {
            margin-top: 0;
          }
      .zent-grid-tfoot-page {
          margin-top: 10px;
          float: right;
      }
      .zent-grid a {
          color: #38f;
          cursor: pointer;
      }
      @charset "UTF-8";
      @font-face{font-family:zenticon;src:url(https://b.yzcdn.cn/zent/zenticon/zenticon-bd4207444c.eot);src:url(https://b.yzcdn.cn/zent/zenticon/zenticon-bd4207444c.eot#iefix) format("embedded-opentype"),url(https://b.yzcdn.cn/zent/zenticon/zenticon-bd4207444c.woff2) format("woff2"),url(https://b.yzcdn.cn/zent/zenticon/zenticon-bd4207444c.woff) format("woff"),url(https://b.yzcdn.cn/zent/zenticon/zenticon-bd4207444c.ttf) format("truetype")}
      .zenticon{display:inline-block;speak:none;font-style:normal;vertical-align:baseline;text-align:center;text-transform:none;font-variant:normal;text-rendering:auto;text-decoration:inherit;line-height:1;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
      .zenticon:before{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;font-family:zenticon!important}
      .zenticon.zenticon-spin{-webkit-animation:zenticon-animation-spin 2s linear infinite;animation:zenticon-animation-spin 2s linear infinite}
      @-webkit-keyframes zenticon-animation-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}
      @keyframes zenticon-animation-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}
      .zenticon-summary-o:before{content:""}
      .zenticon-summary:before{content:""}
      .zenticon-shop-o:before{content:""}
      .zenticon-shop:before{content:""}
      .zenticon-goods-o:before{content:""}
      .zenticon-goods:before{content:""}
      .zenticon-order-o:before{content:""}
      .zenticon-order:before{content:""}
      .zenticon-customer-o:before{content:""}
      .zenticon-customer:before{content:""}
      .zenticon-chart-o:before{content:""}
      .zenticon-chart:before{content:""}
      .zenticon-capital-o:before{content:""}
      .zenticon-capital:before{content:""}
      .zenticon-casher:before{content:""}
      .zenticon-marketing:before{content:""}
      .zenticon-settings-o:before{content:""}
      .zenticon-settings:before{content:""}
      .zenticon-youzan-o:before{content:""}
      .zenticon-youzan:before{content:""}
      .zenticon-close:before{content:""}
      .zenticon-close-circle-o:before{content:""}
      .zenticon-close-circle:before{content:""}
      .zenticon-message:before{content:""}
      .zenticon-message-o:before{content:""}
      .zenticon-bell:before{content:""}
      .zenticon-bell-o:before{content:""}
      .zenticon-calendar:before{content:""}
      .zenticon-calendar-o:before{content:""}
      .zenticon-search:before{content:""}
      .zenticon-customer-service:before{content:""}
      .zenticon-feedback:before{content:""}
      .zenticon-error-circle-o:before{content:""}
      .zenticon-error-circle:before{content:""}
      .zenticon-check-circle-o:before{content:""}
      .zenticon-check-circle:before{content:""}
      .zenticon-help-circle-o:before{content:""}
      .zenticon-help-circle:before{content:""}
      .zenticon-clock-o:before{content:""}
      .zenticon-clock:before{content:""}
      .zenticon-countdown:before{content:""}
      .zenticon-download:before{content:""}
      .zenticon-share:before{content:""}
      .zenticon-shop-decorate:before{content:""}
      .zenticon-shop-template:before{content:""}
      .zenticon-gift:before{content:""}
      .zenticon-caret-up:before{content:""}
      .zenticon-caret-down:before{content:""}
      .zenticon-arrow-up:before{content:""}
      .zenticon-arrow-down:before{content:""}
      .zenticon-right:before{content:""}
      .zenticon-right-circle:before{content:""}
      .zenticon-plus:before{content:""}
      .zenticon-star-o:before{content:""}
      .zenticon-star:before{content:""}
      .zenticon-check:before{content:""}
      .zenticon-info-circle-o:before{content:""}
      .zenticon-info-circle:before{content:""}
      .zenticon-warning-o:before{content:""}
      .zenticon-warning:before{content:""}
      .zenticon-lock:before{content:""}
      .zenticon-unlock:before{content:""}
      .zenticon-pending-circle:before{content:""}
      .zenticon-forbidden-circle:before{content:""}
      .zenticon-business-o:before{content:""}
      .zenticon-business:before{content:""}
      .zenticon-approval-o:before{content:""}
      .zenticon-approval:before{content:""}
      .zenticon-ticket-o:before{content:""}
      .zenticon-ticket:before{content:""}
      .zenticon-report-o:before{content:""}
      .zenticon-report:before{content:""}
      .zenticon-expand-customer-o:before{content:""}
      .zenticon-expand-customer:before{content:""}
      .zenticon-checkin-o:before{content:""}
      .zenticon-checkin:before{content:""}
      .zenticon-plus-circle-o:before{content:""}
      .zenticon-subtract-circle-o:before{content:""}
      .zenticon-remove-o:before{content:""}
      .zenticon-edit-o:before{content:""}
      .zenticon-assess-o:before{content:""}
      .zenticon-assess:before{content:""}
      .zenticon-upload:before{content:""}
      .zenticon-hr-o:before{content:""}
      .zenticon-hr:before{content:""}
      .zenticon-export:before{content:""}
      .zenticon-suggestions:before{content:""}
      .zenticon-video-guide:before{content:""}
      .zenticon-text-guide:before{content:""}
      .zenticon-hc-manage-o:before{content:""}
      .zenticon-hc-manage:before{content:""}
      .zenticon-hotline-o:before{content:""}
      .zenticon-visit-o:before{content:""}
      .zenticon-im-o:before{content:""}
      .zenticon-tools-o:before{content:""}
      .zenticon-knowledge-o:before{content:""}
      .zenticon-flow-o:before{content:""}
      .zenticon-strategy-o:before{content:""}
      .zenticon-contract-o:before{content:""}
      .zenticon-channel-o:before{content:""}
      .zenticon-qa-o:before{content:""}
      .zent-infinite-scroller-y {
          overflow-y: auto;
        }
      .zent-input-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        height: 32px;
        max-height: 36px;
      }
      .zent-input-wrapper__not-editable .zent-input-addon-before, .zent-input-wrapper__not-editable .zent-input-addon-after {
            border-color: #e5e5e5;
            color: #cacaca;
            background: #f2f2f2;
          }
      .zent-input-wrapper .zenticon {
          position: absolute;
          z-index: 1;
          top: 50%;
          -webkit-transform: translate(0, -50%);
                  transform: translate(0, -50%);
        }
      .zent-input-wrapper .zenticon-close-circle {
            font-size: 12px;
            right: 10px;
            cursor: pointer;
            padding: 4px 0;
            opacity: 0.4
          }
      .zent-input-wrapper .zenticon-close-circle:hover {
        opacity: 0.5;
      }
      .zent-textarea-wrapper {
        height: auto;
        max-height: none;
      }
      .zent-input, .zent-input[type=text], .zent-input[type=password], .zent-input[type=datetime], .zent-input[type=date], .zent-input[type=month], .zent-input[type=time], .zent-input[type=week], .zent-input[type=number], .zent-input[type=email], .zent-input[type=url], .zent-input[type=tel], .zent-input[type=color], .zent-input[type=search], .zent-textarea {
        display: inline-block;
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        min-width: 80px;
        height: 100%;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding: 0 0px 0 12px;
        margin: 0;
        border: 1px solid @black-25;
        color: @black-65;
        font-size: @font-2;
        border-radius: 4px;
        -webkit-box-shadow: none;
                box-shadow: none;
        -webkit-transition: border 0.2s ease-in-out, -webkit-box-shadow 0.2s ease-in-out;
        transition: border 0.2s ease-in-out, -webkit-box-shadow 0.2s ease-in-out;
        transition: border 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
        transition: border 0.2s ease-in-out, box-shadow 0.2s ease-in-out, -webkit-box-shadow 0.2s ease-in-out;
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none
      }
      .zent-input:focus, .zent-input[type=text]:focus, .zent-input[type=password]:focus, .zent-input[type=datetime]:focus, .zent-input[type=date]:focus, .zent-input[type=month]:focus, .zent-input[type=time]:focus, .zent-input[type=week]:focus, .zent-input[type=number]:focus, .zent-input[type=email]:focus, .zent-input[type=url]:focus, .zent-input[type=tel]:focus, .zent-input[type=color]:focus, .zent-input[type=search]:focus, .zent-textarea:focus {
        outline: none;
        border: 1px solid @primary;
        -webkit-box-shadow: 0 0 5px #bdf;
        box-shadow: 0 0 5px #bdf;
      }
      .zent-textarea[disabled], .zent-textarea[readonly], .zent-input[disabled], .zent-input[readonly] {
        border-color: #e5e5e5;
        background-color: #f8f8f8;
        cursor: not-allowed;
        color: #cacaca
      }
      .zent-textarea[disabled]:focus, .zent-textarea[readonly]:focus, .zent-input[disabled]:focus, .zent-input[readonly]:focus {
        border-color: #e5e5e5;
        -webkit-box-shadow: none;
        box-shadow: none;
      }
      .zent-input-addon-before, .zent-input-addon-after {
        display: inline-block;
        height: 100%;
        padding: 4px 17px 0 12px;
        border: 1px solid @black-25;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        vertical-align: middle;
        background-color: #F7F7F7;
        font-size: @font-2;
        line-height: @line-heigh-2;
        color: @black-65;
      }
      .zent-input-addon-before {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        border-right: none;
      }
      .zent-input-addon-after {
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        border-left: none;
      }
      .zent-input-addons > .zent-input {
        border-radius: 0;
      }
      .zent-input-addons > .zent-input:first-child {
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px;
      }
      .zent-input-addons > .zent-input[disabled]:first-child {
        border-right: 1px solid #e5e5e5;
      }
      .zent-input-addons > .zent-input:last-child {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
      }
      .zent-input-addons > .zent-input[disabled]:last-child {
        border-left: 1px solid #e5e5e5;
      }
      .zent-textarea {
        height: 54px;
        padding: 5px 10px;
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none;
        line-height: 1.5;
      }
      .zent-textarea-with-count {
          padding-bottom: 21px;
        }
      .zent-textarea-count {
          display: inline-block;
          position: absolute;
          bottom: 0;
          right: 15px;
          font-size: 10px;
          color: #999;
        }
      /** placeholder **/
      .zent-input::-webkit-input-placeholder { /* WebKit browsers */
        color: #999;
      }
      .zent-input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color: #999;
      }
      .zent-input::-moz-placeholder { /* Mozilla Firefox 19+ */
        color: #999;
      }
      .zent-input:-ms-input-placeholder { /* Internet Explorer 10+ */
        color: #999;
      }
      .zent-textarea::-webkit-input-placeholder { /* WebKit browsers */
        color: #999;
      }
      .zent-textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color: #999;
      }
      .zent-textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
        color: #999;
      }
      .zent-textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
        color: #999;
      }
      .has-error .zent-textarea, .has-error .zent-input {
          border: 1px solid #f44;
          color: #f44
        }
      .has-error .zent-textarea:focus, .has-error .zent-input:focus {
        border-color: #f44;
        -webkit-box-shadow: 0 0 5px #f66;
        box-shadow: 0 0 5px #f66;
      }
      .zent-row:after {
        content: "";
        display: table;
        clear: both;
      }
      .zent-row {
        zoom: 1;
      }
      .zent-col {
        float: left;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
      }
      .zent-col-1 {
          width: 4.16667%;
        }
      .zent-col-offset-1 {
          margin-left: 4.16667%;
        }
      .zent-col-2 {
          width: 8.33333%;
        }
      .zent-col-offset-2 {
          margin-left: 8.33333%;
        }
      .zent-col-3 {
          width: 12.5%;
        }
      .zent-col-offset-3 {
          margin-left: 12.5%;
        }
      .zent-col-4 {
          width: 16.66667%;
        }
      .zent-col-offset-4 {
          margin-left: 16.66667%;
        }
      .zent-col-5 {
          width: 20.83333%;
        }
      .zent-col-offset-5 {
          margin-left: 20.83333%;
        }
      .zent-col-6 {
          width: 25%;
        }
      .zent-col-offset-6 {
          margin-left: 25%;
        }
      .zent-col-7 {
          width: 29.16667%;
        }
      .zent-col-offset-7 {
          margin-left: 29.16667%;
        }
      .zent-col-8 {
          width: 33.33333%;
        }
      .zent-col-offset-8 {
          margin-left: 33.33333%;
        }
      .zent-col-9 {
          width: 37.5%;
        }
      .zent-col-offset-9 {
          margin-left: 37.5%;
        }
      .zent-col-10 {
          width: 41.66667%;
        }
      .zent-col-offset-10 {
          margin-left: 41.66667%;
        }
      .zent-col-11 {
          width: 45.83333%;
        }
      .zent-col-offset-11 {
          margin-left: 45.83333%;
        }
      .zent-col-12 {
          width: 50%;
        }
      .zent-col-offset-12 {
          margin-left: 50%;
        }
      .zent-col-13 {
          width: 54.16667%;
        }
      .zent-col-offset-13 {
          margin-left: 54.16667%;
        }
      .zent-col-14 {
          width: 58.33333%;
        }
      .zent-col-offset-14 {
          margin-left: 58.33333%;
        }
      .zent-col-15 {
          width: 62.5%;
        }
      .zent-col-offset-15 {
          margin-left: 62.5%;
        }
      .zent-col-16 {
          width: 66.66667%;
        }
      .zent-col-offset-16 {
          margin-left: 66.66667%;
        }
      .zent-col-17 {
          width: 70.83333%;
        }
      .zent-col-offset-17 {
          margin-left: 70.83333%;
        }
      .zent-col-18 {
          width: 75%;
        }
      .zent-col-offset-18 {
          margin-left: 75%;
        }
      .zent-col-19 {
          width: 79.16667%;
        }
      .zent-col-offset-19 {
          margin-left: 79.16667%;
        }
      .zent-col-20 {
          width: 83.33333%;
        }
      .zent-col-offset-20 {
          margin-left: 83.33333%;
        }
      .zent-col-21 {
          width: 87.5%;
        }
      .zent-col-offset-21 {
          margin-left: 87.5%;
        }
      .zent-col-22 {
          width: 91.66667%;
        }
      .zent-col-offset-22 {
          margin-left: 91.66667%;
        }
      .zent-col-23 {
          width: 95.83333%;
        }
      .zent-col-offset-23 {
          margin-left: 95.83333%;
        }
      .zent-col-24 {
          width: 100%;
        }
      .zent-col-offset-24 {
          margin-left: 100%;
        }
      .zent-page-loading {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
      }
      .zent-page-loading .zent-page-mask {
          width: 100%;
          height: 100%;
          outline: 0;
          background-color: rgba(0, 0, 0, 0.6)
        }
      .zent-page-loading .zent-page-mask::before, .zent-page-loading .zent-page-mask::after {
        position: absolute;
        content: ' ';
        top: 50%;
        left: 50%;
        width: 44px;
        height: 44px;
        margin-left: -22px;
        margin-top: -22px;
        border: 2px solid rgba(0, 0, 0, 0.2);
        border-radius: 50%;
      }
      .zent-page-loading .zent-page-mask::before {
        background: url("");
        background-size: 44px;
        z-index: 1;
      }
      .zent-page-loading .zent-page-mask::after {
        border-color: #f44 transparent transparent;
        -webkit-animation: loading 0.6s linear infinite;
        animation: loading 0.6s linear infinite;
        background-color: white;
      }
      .zent-loading-container-static {
        position: relative;
      }
      .zent-loading-container-static .zent-page-mask {
          background: rgba(0, 0, 0, 0.2);
        }
      .zent-loading-container-static.zent-loading-container--empty .zent-page-mask {
            background: transparent;
      }
      @-webkit-keyframes loading {
        0% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg);
        }
      
        100% {
          -webkit-transform: rotate(360deg);
                  transform: rotate(360deg);
        }
      }
      @keyframes loading {
        0% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg);
        }
      
        100% {
          -webkit-transform: rotate(360deg);
                  transform: rotate(360deg);
        }
      }
      /* empty */
      .zent-menu {
        font-size: 12px;
        color: #666;
        width: 100px;
        background-color: #fff;
        list-style: none;
        padding: 0;
        margin: 0;
        border: 1px solid #f2f2f2;
        -webkit-box-shadow: 0 1px 2px #f2f2f2;
                box-shadow: 0 1px 2px #f2f2f2;
      }
      .zent-menu-item {
          width: 100%;
          height: 30px;
          line-height: 30px;
          text-align: left;
          padding-left: 10px;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          position: relative;
          cursor: pointer
        }
      .zent-menu-item:hover {
        background-color: #38f;
        color: #fff;
      }
      .zent-menu-item.zent-submenu:hover {
        background-color: #fff;
        color: #666;
      }
      .zent-menu-item-disabled {
            color: #cacaca;
            cursor: not-allowed
      }
      .zent-menu-item-disabled:hover {
        background-color: #fff;
        color: #cacaca;
      }
      .zent-menu .zenticon {
          margin-right: 10px
        }
      .zent-menu .zenticon.zent-submenu-title-operate-icon {
        margin-right: 0;
      }
      .zent-menu .zenticon-right {
          position: absolute;
          right: 10px;
          top: 50%;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%);
          color: #bbb;
          font-size: 8px;
        }
      .zent-menu .zent-submenu > .zent-menu {
          position: absolute;
          top: 0;
          left: 100%;
          margin-left: 4px;
        }
      .zent-menu .zent-submenu-title {
          margin-left: -10px;
          padding-left: 10px
        }
      .zent-menu .zent-submenu-title:hover {
        background-color: #38f;
        color: #fff;
      }
      .zent-menu__inline {
        width: 200px;
      }
      .zent-menu__inline-item {
          height: 40px;
          line-height: 40px;
          padding-left: 0
        }
      .zent-menu__inline-item:not(.zent-menu-item-disabled) {
        cursor: pointer
      }
      .zent-menu__inline-item:not(.zent-menu-item-disabled):hover {
        color: #27f;
        background-color: #fff;
      }
      .zent-menu__inline-item:not(.zent-menu-item-disabled):hover .zenticon {
                color: #27f;
      }
      .zent-menu__inline-item-selected {
            color: #27f;
            background-color: #e8f7fd;
      }
      .zent-menu__inline-item-selected:not(.zent-menu-item-disabled).zent-menu__inline-item-selected:hover {
              background-color: #e8f7fd;
            }
      .zent-menu__inline-submenu .zenticon-right {
            top: 13px;
            right: 20px;
            -webkit-transform: rotate(90deg);
                    transform: rotate(90deg);
            -webkit-transition: -webkit-transform 200ms ease;
            transition: -webkit-transform 200ms ease;
            transition: transform 200ms ease;
            transition: transform 200ms ease, -webkit-transform 200ms ease;
          }
      .zent-menu__inline-submenu-icon--expand.zenticon-right {
            -webkit-transform: rotate(-90deg);
                    transform: rotate(-90deg);
          }
      .zent-menu__inline-submenu .zent-menu__inner {
            width: 100%;
            background-color: #fff;
            list-style: none;
            padding: 0;
            margin: 0;
          }
      .zent-menu__inline-submenu-title {
            width: 100%;
            height: 40px;
            line-height: 40px;
            text-align: left;
            padding-left: 10px;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
            position: relative;
            cursor: pointer
          }
      .zent-menu__inline-submenu-title.zent-submenu-disabled {
        color: #cacaca;
        cursor: not-allowed;
      }
      .zent-menu__inline-submenu-title:not(.zent-submenu-disabled).zent-menu__inline-submenu-title:hover {
              color: #27f;
              background-color: #fff;
      }
      .zent-menu__inline-submenu-title:not(.zent-submenu-disabled).zent-menu__inline-submenu-title:hover .zenticon {
                color: #27f;
              }
      .zent-notify-container {
        z-index: 10000;
        position: fixed;
        min-width: 330px;
        max-width: 720px;
        top: 80px;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
      }
      .zent-notify {
        padding-bottom: 10px;
      }
      .zent-notify-content {
          padding: 0 25px;
          line-height: 40px;
          max-height: 200px;
          overflow-y: auto;
          font-size: 14px;
          color: #fff;
          text-align: center;
          border-radius: 2px;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box
        }
      .zent-notify-content:empty:before {
        content: "\200b";
      }
      .zent-notify-content.zent-notify-content-success {
        background: rgba(68, 187, 136, 0.8);
      }
      .zent-notify-content.zent-notify-content-error {
        background: rgba(255, 68, 68, 0.8);
      }
      .notify-appear {
        -webkit-animation-fill-mode: both;
                animation-fill-mode: both;
        -webkit-animation-play-state: paused;
                animation-play-state: paused;
      }
      .notify-appear.notify-appear-active {
        -webkit-animation-play-state: running;
                animation-play-state: running;
        -webkit-animation-name: notifyMoveIn;
                animation-name: notifyMoveIn;
        -webkit-animation-duration: 0.3s;
                animation-duration: 0.3s;
      }
      .notify-exit {
        -webkit-animation-fill-mode: both;
                animation-fill-mode: both;
        -webkit-animation-play-state: paused;
                animation-play-state: paused;
      }
      .notify-exit .zent-notify-content {
          -webkit-animation-fill-mode: both;
                  animation-fill-mode: both;
          -webkit-animation-play-state: paused;
                  animation-play-state: paused;
        }
      .notify-exit.notify-exit-active {
        -webkit-animation-play-state: running;
                animation-play-state: running;
        -webkit-animation-name: notifyMoveOut;
                animation-name: notifyMoveOut;
        -webkit-animation-duration: 0.3s;
                animation-duration: 0.3s;
      }
      .notify-exit.notify-exit-active .zent-notify-content {
          -webkit-animation-play-state: running;
                  animation-play-state: running;
          -webkit-animation-name: notifyContentMoveOut;
                  animation-name: notifyContentMoveOut;
          -webkit-animation-duration: 0.3s;
                  animation-duration: 0.3s;
        }
      @-webkit-keyframes notifyMoveIn {
        0% {
          -webkit-transform: translateY(-100%);
                  transform: translateY(-100%);
          opacity: 0;
        }
      
        100% {
          -webkit-transform: translateY(0%);
                  transform: translateY(0%);
          opacity: 1;
        }
      }
      @keyframes notifyMoveIn {
        0% {
          -webkit-transform: translateY(-100%);
                  transform: translateY(-100%);
          opacity: 0;
        }
      
        100% {
          -webkit-transform: translateY(0%);
                  transform: translateY(0%);
          opacity: 1;
        }
      }
      @-webkit-keyframes notifyMoveOut {
        0% {
          opacity: 1;
          max-height: 50px;
        }
      
        100% {
          opacity: 0;
          max-height: 0;
          padding: 0;
        }
      }
      @keyframes notifyMoveOut {
        0% {
          opacity: 1;
          max-height: 50px;
        }
      
        100% {
          opacity: 0;
          max-height: 0;
          padding: 0;
        }
      }
      @-webkit-keyframes notifyContentMoveOut {
        0% {
          -webkit-transform: translateY(0%);
                  transform: translateY(0%);
        }
      
        100% {
          -webkit-transform: translateY(-100%);
                  transform: translateY(-100%);
        }
      }
      @keyframes notifyContentMoveOut {
        0% {
          -webkit-transform: translateY(0%);
                  transform: translateY(0%);
        }
      
        100% {
          -webkit-transform: translateY(-100%);
                  transform: translateY(-100%);
        }
      }
      .zent-number-input-wrapper {
        position: relative;
      }
      .zent-number-input-wrapper.zent-number-input-count-wrapper .zent-input {
          padding: 0 20px 0 10px;
        }
      .zent-number-input-wrapper.zent-number-input-counter-wrapper {
        width: 108px;
      }
      .zent-number-input-wrapper.zent-number-input-counter-wrapper .zent-input {
          padding: 0 35px;
          text-align: center;
        }
      .zent-number-input-arrow, .zent-number-input-count {
        position: absolute;
        text-align: center;
        z-index: 10;
        cursor: pointer;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
      }
      .zent-number-input-arrow {
        right: 1px;
        width: 20px;
        height: 50%;
        line-height: 50%;
      }
      .zent-number-input-arrow i {
          cursor: pointer;
          color: #666
        }
      .zent-number-input-arrow i:hover {
        color: #38f;
      }
      .zent-number-input-arrow:hover i {
            color: #38f;
      }
      .zent-number-input-count {
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
        width: 34px;
        top: 1px;
        color: #333;
        line-height: 28px
      }
      .zent-number-input-count:hover {
        color: #38f;
      }
      .zent-number-input-count.zent-number-input-count-disable {
        cursor: not-allowed;
        color: #cacaca;
        background: #f8f8f8;
      }
      .zent-number-input-arrow-disable {
        cursor: not-allowed;
      }
      .zent-number-input-arrow-disable i {
          cursor: not-allowed;
          color: #cacaca;
        }
      .zent-number-input-arrow-disable:hover i {
            color: #cacaca;
      }
      .zent-number-input-countadd {
        right: 1px;
        border-left: 1px solid #bbb
      }
      .zent-number-input-countadd.zent-number-input-count-disable {
        border-left-color: #e5e5e5;
      }
      .zent-number-input-arrowup {
        top: 1px;
        border-left: 1px solid #e5e5e5;
        border-bottom: 1px solid #e5e5e5;
      }
      .zent-number-input-arrowup i {
          -webkit-transform: rotate(-90deg) scale(0.4);
                  transform: rotate(-90deg) scale(0.4);
        }
      .zent-number-input-countreduce {
        left: 1px;
        border-right: 1px solid #bbb
      }
      .zent-number-input-countreduce.zent-number-input-count-disable {
        border-right-color: #e5e5e5;
      }
      .zent-number-input-arrowdown {
        bottom: 1px;
        border-left: 1px solid #e5e5e5;
      }
      .zent-number-input-arrowdown i {
          -webkit-transform: rotate(90deg) scale(0.4);
                  transform: rotate(90deg) scale(0.4);
        }
      .zent-pagination {
        font-size: 12px;
        line-height: 16px;
        text-align: right;
      }
      .zent-pagination .pagination-list {
          display: inline-block;
        }
      .zent-pagination .pagination-list .pager {
            position: relative;
            display: inline-block;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
            margin: 0 0 0 5px;
            border: 1px solid #D9D9D9;
            border-radius: 6px;
            color: @black-65;
            font-size: 14px;
            padding: 6px 8px;
            min-width: 32px;
            text-align: center;
            background: #fff;
            cursor: pointer;
            -webkit-user-select: none;
               -moz-user-select: none;
                -ms-user-select: none;
                    user-select: none;
          }
      .zent-pagination .pagination-list .pager--current {
            color: #fff;
            background: @primary;
            border-color: @primary;
            cursor: default;
          }
      .zent-pagination .pagination-list .pager--disabled {
            border-color: #e5e5e5;
            cursor: not-allowed;
            color: #e5e5e5;
          }
      .zent-pagination .pagination-list .pager--jump {
            display: none;
            margin-left: 15px;
            padding: 0;
            cursor: default;
            background-color: #e5e5e5;
          }
      .zent-pagination .pagination-list .pager--omni {
            margin-left: 0;
            margin-right: -5px;
            border: none;
            cursor: default;
            color: #CCC;
          }
      .zent-pagination .pagination-list .pager__input {
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
            margin: -1px;
            margin-right: 0;
            border: 1px solid #bbb;
            border-right-color: #bbb;
            padding: 6px 2px;
            min-width: 21px;
            max-width: 40px;
            height: 30px;
            text-align: center;
            font-weight: normal;
            outline: none;
            border-top-left-radius: 2px;
            border-bottom-left-radius: 2px;
            background-color: #fff
          }
      .zent-pagination .pagination-list .pager__input:focus {
        border-color: #38f;
        -webkit-box-shadow: 0 0 1px #bdf;
        box-shadow: 0 0 1px #bdf;
      }
      .zent-pagination .pagination-list .pager__suffix {
            padding: 7px 5px;
          }
      .zent-pagination__info {
        display: none;
      }
      .zent-pagination__info .zent-select {
          width: 60px;
        }
      .zent-pagination__info .total .zent-select {
            margin-right: 0;
          }
      .zent-placeholder-shape {
        background-color: #f2f2f2;
      }
      .zent-placeholder-shape--animate {
          -webkit-animation: zent-placeholder 2s linear infinite;
                  animation: zent-placeholder 2s linear infinite;
          background: -webkit-gradient(linear, left top, right top, from(rgba(227, 229, 229, 0.7)), color-stop(#e5e5e5), to(#f2f2f2));
          background: linear-gradient(to right, rgba(227, 229, 229, 0.7), #e5e5e5, #f2f2f2);
          background-size: 300% 300%;
        }
      .zent-placeholder-text-row, .zent-placeholder-text-row-dashed .zent-placeholder-shape {
        width: 100%;
        height: 1em;
      }
      .zent-placeholder-text-row-dashed {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
      }
      .zent-placeholder-text-row-dashed-segment {
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
        }
      .zent-placeholder-circle {
        border-radius: 50%;
      }
      @-webkit-keyframes zent-placeholder {
        0%, 100% {
          background-position: 0 50%;
        }
      
        50% {
          background-position: 100% 50%;
        }
      }
      @keyframes zent-placeholder {
        0%, 100% {
          background-position: 0 50%;
        }
      
        50% {
          background-position: 100% 50%;
        }
      }
      /* FIXME: these two values couples with ARROW_OFFSET in postion.js */
      .zent-pop {
        border-radius: 4px;
        -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
                box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
        background-color: #fff;
        z-index: 2000;
        font-size: 12px;
      }
      .zent-pop .zent-pop-inner, .zent-pop .zent-pop-header {
          position: relative;
          background: #fff;
          border-radius: 4px;
          padding: 12px 16px;
          z-index: 2;
          color: @black-65;
          font-size: @font-2;
          line-height: @line-heigh-2;
        }
      .zent-pop .zent-pop-header {
          border-bottom-left-radius: 0;
          border-bottom-right-radius: 0;
          padding: 5px 0 6px 16px;
        }
      .zent-pop .zent-pop-header {
          border-bottom: 1px solid @black-9;
        }
      .zent-pop .zent-pop-buttons {
          min-width: 160px;
          text-align: right;
          margin-right: 0;
          margin-top: 10px;
        }
      .zent-pop .zent-pop-arrow {
          position: absolute;
          z-index: 1;
          width: 6px;
          height: 6px;
          background: #fff;
          -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
                  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
          overflow: hidden;
        }
      .zent-pop::after {
        content: '';
        display: block;
        position: absolute;
        width: 11px;
        height: 11px;
      }
      /* bottom side */
      .zent-pop.zent-popover-position-bottom-left .zent-pop-arrow, .zent-pop.zent-popover-position-bottom-center .zent-pop-arrow, .zent-pop.zent-popover-position-bottom-right .zent-pop-arrow {
              top: 0;
            }
      .zent-pop.zent-popover-position-bottom-left::after, .zent-pop.zent-popover-position-bottom-center::after, .zent-pop.zent-popover-position-bottom-right::after {
        top: -11px;
        width: 100%;
        left: 0;
      }
      .zent-pop.zent-popover-position-bottom-left .zent-pop-arrow {
              -webkit-transform: translateY(-50%) rotate(45deg);
                      transform: translateY(-50%) rotate(45deg);
              left: 14px;
            }
      .zent-pop.zent-popover-position-bottom-center .zent-pop-arrow {
              -webkit-transform: translate(-50%, -50%) rotate(45deg);
                      transform: translate(-50%, -50%) rotate(45deg);
              left: 50%;
            }
      .zent-pop.zent-popover-position-bottom-right .zent-pop-arrow {
              -webkit-transform: translateY(-50%) rotate(45deg);
                      transform: translateY(-50%) rotate(45deg);
              right: 14px;
            }
      /* top side */
      .zent-pop.zent-popover-position-top-left .zent-pop-arrow, .zent-pop.zent-popover-position-top-center .zent-pop-arrow, .zent-pop.zent-popover-position-top-right .zent-pop-arrow {
              bottom: 0;
            }
      .zent-pop.zent-popover-position-top-left::after, .zent-pop.zent-popover-position-top-center::after, .zent-pop.zent-popover-position-top-right::after {
        bottom: -11px;
        width: 100%;
        left: 0;
      }
      .zent-pop.zent-popover-position-top-left .zent-pop-arrow {
              -webkit-transform: translateY(50%) rotate(45deg);
                      transform: translateY(50%) rotate(45deg);
              left: 14px;
            }
      .zent-pop.zent-popover-position-top-center .zent-pop-arrow {
              -webkit-transform: translate(-50%, 50%) rotate(45deg);
                      transform: translate(-50%, 50%) rotate(45deg);
              left: 50%;
            }
      .zent-pop.zent-popover-position-top-right .zent-pop-arrow {
              -webkit-transform: translateY(50%) rotate(45deg);
                      transform: translateY(50%) rotate(45deg);
              right: 14px;
            }
      /* left side */
      .zent-pop.zent-popover-position-left-top .zent-pop-arrow, .zent-pop.zent-popover-position-left-center .zent-pop-arrow, .zent-pop.zent-popover-position-left-bottom .zent-pop-arrow {
              right: 0;
            }
      .zent-pop.zent-popover-position-left-top::after, .zent-pop.zent-popover-position-left-center::after, .zent-pop.zent-popover-position-left-bottom::after {
        right: -11px;
        height: 100%;
        top: 0;
      }
      .zent-pop.zent-popover-position-left-top .zent-pop-arrow {
              -webkit-transform: translateX(50%) rotate(45deg);
                      transform: translateX(50%) rotate(45deg);
              top: 14px;
            }
      .zent-pop.zent-popover-position-left-center .zent-pop-arrow {
              -webkit-transform: translate(50%, -50%) rotate(45deg);
                      transform: translate(50%, -50%) rotate(45deg);
              top: 50%;
            }
      .zent-pop.zent-popover-position-left-bottom .zent-pop-arrow {
              -webkit-transform: translateX(50%) rotate(45deg);
                      transform: translateX(50%) rotate(45deg);
              bottom: 14px;
            }
      /* left side */
      .zent-pop.zent-popover-position-right-top .zent-pop-arrow, .zent-pop.zent-popover-position-right-center .zent-pop-arrow, .zent-pop.zent-popover-position-right-bottom .zent-pop-arrow {
              left: 0;
            }
      .zent-pop.zent-popover-position-right-top::after, .zent-pop.zent-popover-position-right-center::after, .zent-pop.zent-popover-position-right-bottom::after {
        left: -11px;
        height: 100%;
        top: 0;
      }
      .zent-pop.zent-popover-position-right-top .zent-pop-arrow {
              -webkit-transform: translateX(-50%) rotate(45deg);
                      transform: translateX(-50%) rotate(45deg);
              top: 14px;
            }
      .zent-pop.zent-popover-position-right-center .zent-pop-arrow {
              -webkit-transform: translate(-50%, -50%) rotate(45deg);
                      transform: translate(-50%, -50%) rotate(45deg);
              top: 50%;
            }
      .zent-pop.zent-popover-position-right-bottom .zent-pop-arrow {
              -webkit-transform: translateX(-50%) rotate(45deg);
                      transform: translateX(-50%) rotate(45deg);
              bottom: 14px;
            }
      .zent-image-p-body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        width: 100%;
        height: 100%;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        z-index: 1;
      }
      .zent-image-p-body .zent-show-image {
          max-width: 90vw;
          max-height: 90vh;
          cursor: -webkit-zoom-in;
          cursor: zoom-in
        }
      .zent-image-p-body .zent-show-image.image-is-zooming {
        cursor: -webkit-zoom-out;
        cursor: zoom-out;
      }
      .zent-image-p-close {
        position: fixed;
        text-align: center;
        border-radius: 40px;
        background: rgba(255, 255, 255, 0.6);
        -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
                box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
        right: 20px;
        top: 20px;
        width: 40px;
        height: 40px;
        cursor: pointer;
        z-index: 2
      }
      .zent-image-p-close:hover {
        background: #fff;
      }
      .zent-image-p-close i {
          position: absolute;
          left: 50%;
          top: 50%;
          -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
      }
      .zent-image-p-footer {
        position: fixed;
        border-radius: 40px;
        background: rgba(255, 255, 255, 0.6);
        -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
                box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
        bottom: 20px;
        left: 50%;
        -webkit-transform: translate(-50%);
                transform: translate(-50%);
        height: 40px;
        line-height: 40px;
        color: #333;
        z-index: 2;
        font-size: 16px
      }
      .zent-image-p-footer.image-p-footer-paging {
        min-width: 216px
      }
      .zent-image-p-footer.image-p-footer-paging.show-rotate-btn {
        min-width: 308px;
      }
      .zent-image-p-footer.show-rotate-btn {
        min-width: 92px;
      }
      .zent-image-p-footer .zent-image-p-action {
          display: inline-block;
          cursor: pointer;
          padding: 0 30px;
          -webkit-user-select: none;
             -moz-user-select: none;
              -ms-user-select: none;
                  user-select: none;
          font-size: 16px;
          min-width: 65px;
          text-align: center
      }
      .zent-image-p-footer .zent-image-p-action:hover {
        background: #fff;
      }
      .zent-image-p-footer .zent-image-p-action:first-child {
        border-radius: 40px 0 0 40px;
      }
      .zent-image-p-footer .zent-image-p-action:last-child {
        border-radius: 0 40px 40px 0;
      }
      .zent-image-p-footer .zent-image-p-action.rotate-action {
        border-radius: 40px;
      }
      .zent-image-p-backdrop {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.6);
        height: 100%;
        z-index: 1050;
      }
      .zent-image-p-wrap {
        position: fixed;
        overflow: auto;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        -webkit-overflow-scrolling: touch;
        outline: 0;
      }
      .zent-progress.zent-progress-line .zent-progress-wrapper {
            display: inline-block;
            background: #f8f8f8;
      }
      .zent-progress.zent-progress-line .zent-progress-inner {
            -webkit-transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
            transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
      }
      .zent-progress.zent-progress-line .zent-progress-info {
            display: inline-block;
            min-width: 27px;
            min-height: 15px;
            margin-left: 10px;
            font-size: 12px;
            color: #999;
            white-space: nowrap;
      }
      .zent-progress.zent-progress-line .zent-progress-inprogress .zent-progress-inner {
              background: #f44;
            }
      .zent-progress.zent-progress-line .zent-progress-inprogress .zent-progress-info {
              color: #999;
            }
      .zent-progress.zent-progress-line .zent-progress-success .zent-progress-inner {
              background: #4b0;
            }
      .zent-progress.zent-progress-line .zent-progress-success .zent-progress-info {
              color: #4b0;
            }
      .zent-progress.zent-progress-line .zent-progress-exception .zent-progress-inner {
              background: #f44;
            }
      .zent-progress.zent-progress-line .zent-progress-exception .zent-progress-info {
              color: #f44;
            }
      .zent-progress.zent-progress-circle {
        position: relative;
        display: inline-block;
      }
      .zent-progress.zent-progress-circle .zent-progress-wrapper, .zent-progress.zent-progress-circle .zent-progress-inner {
            display: inline-block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
      }
      .zent-progress.zent-progress-circle .zent-progress-wrapper {
            border-style: solid;
            border-color: #f8f8f8;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
      }
      .zent-progress.zent-progress-circle .zent-progress-info {
            display: inline-block;
            font-size: @font-3;
            color: #999;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            text-align: center;
      }
      .zent-progress.zent-progress-circle .zent-progress-inner-path {
            stroke-linecap: round;
            fill: none;
            -webkit-transition: stroke-dashoffset 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
            transition: stroke-dashoffset 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
            -webkit-transform: rotate(90deg);
                    transform: rotate(90deg);
            -webkit-transform-origin: center center;
                    transform-origin: center center;
      }
      .zent-progress.zent-progress-circle .zent-progress-inprogress .zent-progress-inner-path {
              stroke: #f44;
            }
      .zent-progress.zent-progress-circle .zent-progress-inprogress .zent-progress-info {
              color: #999;
            }
      .zent-progress.zent-progress-circle .zent-progress-success .zent-progress-inner-path {
              stroke: #4b0;
            }
      .zent-progress.zent-progress-circle .zent-progress-success .zent-progress-info {
              color: #4b0;
            }
      .zent-progress.zent-progress-circle .zent-progress-exception .zent-progress-inner-path {
              stroke: #f44;
            }
      .zent-progress.zent-progress-circle .zent-progress-exception .zent-progress-info {
              color: #f44;
            }
      .zent-progress.zent-progress-circle .zent-progress-exception .zenticon-close:before{
          content:"";background: url() left bottom no-repeat;width: 3px;height: 50px;
      }
      .zent-radio-group {
        display: inline-block;
        font-size: 12px;
      }
      .zent-radio-wrap {
        display: inline-block;
        cursor: pointer;
        font-weight: 400;
        font-size: 12px;
        line-height: 14px;
        margin: 0;
        padding: 0;
        margin-right: 15px;
        vertical-align: middle
      }
      .zent-radio-wrap.zent-radio-disabled {
        cursor: not-allowed;
      }
      .zent-radio-wrap:last-child {
        margin-right: 0;
      }
      .zent-radio {
        position: relative;
        display: inline-block;
        white-space: nowrap;
        outline: none;
        vertical-align: middle;
        margin: 0;
        padding: 0
      }
      .zent-radio > input {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        opacity: 0;
        cursor: pointer;
      }
      .zent-radio + span {
        margin-left: 8px;
        margin-right: 8px;
        vertical-align: middle;
        font-size: @font-2;
        line-height: @line-heigh-2;
        color: @black-65;
      }
      .zent-radio-disabled .zent-radio + span{
          color: @black-25;
      }
      .zent-radio-inner {
        position: relative;
        top: 0;
        left: 0;
        display: inline-block;
        width: 16px;
        height: 16px;
        border-radius: 8px;
        border: 1px solid #D9D9D9;
        background: #fff;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        vertical-align: middle;
        -webkit-transition: all 0.3s;
        transition: all 0.3s
      }
      .zent-radio-wrap:hover .zent-radio-inner{
          border-color: @primary;
      }
      .zent-radio-inner::after {
        position: absolute;
        display: block;
        content: ' ';
        top: 3px;
        left: 3px;
        width: 8px;
        height: 8px;
        border-radius: 4px;
        background: @primary;
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transition: all 0.12s ease-in-out;
        transition: all 0.12s ease-in-out;
      }
      .zent-radio-checked > .zent-radio > .zent-radio-inner {
        border-color: @primary;
        background: #FFF;
      }
      .zent-radio-checked > .zent-radio > .zent-radio-inner::after {
        -webkit-transform: scale(1);
        transform: scale(1);
      }
      .zent-radio-disabled > .zent-radio > .zent-radio-inner {
        background-color: #F5F5F5;
        border-color: #D9D9D9;
      }
      .zent-radio-disabled > .zent-radio > .zent-radio-inner::after {
        background-color: #D9D9D9;
      }
      .zent-radio-disabled > .zent-radio > input[type="radio"] {
        cursor: not-allowed;
      }
      .zent-radio-disabled.zent-radio-checked > .zent-radio > .zent-radio-inner {
        background-color: #F5F5F5;
        border-color: #D9D9D9;
      }
      .zent-rate {
        color: #fc0;
        display: inline-block;
        outline: none;
        font-size: 16px;
      }
      .zent-rate-star {
          display: inline-block;
          margin-right: 8px;
          cursor: pointer;
          position: relative;
          -webkit-transition: all 0.3s;
          transition: all 0.3s
        }
      .zent-rate-star:hover {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
      }
      .zent-rate-star-first {
            position: absolute;
            left: 0;
            top: 0;
            width: 50%;
            height: 100%;
            overflow: hidden;
            opacity: 0;
      }
      .zent-rate-star-zero {
            color: #e5e5e5;
      }
      .zent-rate-star-half .zent-rate-star-first {
              opacity: 1;
            }
      .zent-rate-star-half .zent-rate-star-second {
              color: #e5e5e5;
            }
      .zent-rate-disabled .zent-rate-star {
            cursor: not-allowed
          }
      .zent-rate-disabled .zent-rate-star:hover {
        -webkit-transform: scale(1);
        transform: scale(1);
      }
      .zent-search-input {
        position: relative;
      }
      .zent-search-input .zenticon {
          position: absolute;
          z-index: 1;
          top: 50%;
          -webkit-transform: translate(0, -50%);
                  transform: translate(0, -50%);
        }
      .zent-search-input .zenticon-search {
            font-size: 12px;
            left: 10px;
          }
      .zent-search-input .zent-input-wrapper input {
          padding: 0 27px;
        }
      .zent-popup-menu {
        -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
        left: 0;
        outline: none;
        overflow-y: auto;
        position: relative;
        width: 100%;
        z-index: 2000;
        margin-top: 2px;
        background-color: #fff;
        max-height: 224px;
        border-radius: 3px;
        font-size: 12px;
      }
      .zent-popup-menu .zent-popup-menu-item {
          background-color: #fff;
          display: block;
          outline: none;
          padding: 5px 10px;
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap
        }
      .zent-popup-menu .zent-popup-menu-item.current, .zent-popup-menu .zent-popup-menu-item.hover, .zent-popup-menu .zent-popup-menu-item:hover {
        background-color: #38f;
        color: #fff;
      }
      .zent-popup-menu .zent-popup-menu-item.active {
        color: #38f;
      }
      .zent-popup-menu .zent-popup-menu-item.active:hover, .zent-popup-menu .zent-popup-menu-item.active.hover, .zent-popup-menu .zent-popup-menu-item.active.current {
        color: #fff;
      }
      .zent-popup-menu .zent-popup-menu-item.disabled {
        color: #bbb;
        cursor: not-allowed
      }
      .zent-popup-menu .zent-popup-menu-item.disabled:hover {
        background: none;
        color: #bbb;
      }
      .zent-menu-item-group-header {
        font-size: 11px;
        background: none;
        color: #999;
        cursor: default;
        text-transform: uppercase;
        padding: 5px 7px;
        font-weight: bold;
      }
      .zent-divider-line {
        border-top: 1px solid #e5e5e5;
        margin: 6px 0;
      }
      .zent-select {
        cursor: pointer;
        display: inline-block;
        font-size: 0;
        line-height: 1.5;
        margin-right: 10px;
        outline: none;
        position: relative;
        text-align: left;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
        width: 224px;
        vertical-align: middle
      }
      .zent-select .zent-select-text::after {
        background: url() no-repeat;
        background-size: 16px 16px;
        content: '';
        height: 16px;
        margin-top: -8px;
        position: absolute;
        right: 10px;
        top: 50%;
        -webkit-transition: -webkit-transform 0.25s;
        transition: -webkit-transform 0.25s;
        transition: transform 0.25s;
        transition: transform 0.25s, -webkit-transform 0.25s;
        width: 16px;
      }
      .zent-select.disabled {
        color: #cacaca;
        cursor: not-allowed;
      }
      .zent-select.disabled .zent-select-input, .zent-select.disabled .zent-select-text, .zent-select.disabled .zent-select-tags {
            border-color: #e5e5e5;
            background-color: #f8f8f8
      }
      .zent-select.disabled .zent-select-input::after, .zent-select.disabled .zent-select-text::after, .zent-select.disabled .zent-select-tags::after {
        opacity: 0.25;
      }
      .zent-select .zent-select-text, .zent-select .zent-select-popup, .zent-select .zent-select-input, .zent-select .zent-select-tags {
          font-size: @font-2;
      }
      .zent-select__popover {
          width: 224px;
          line-height: 1.5;
          cursor: pointer;
          text-align: left;
          -webkit-user-select: none;
             -moz-user-select: none;
              -ms-user-select: none;
                  user-select: none
      }
      .zent-select__popover.auto-width {
        width: auto;
      }
      .zent-select-input, .zent-select-text, .zent-select-tags {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        border: 1px solid @black-15;
        border-radius: 4px;
        display: inline-block;
        min-height: 32px;
        max-height: 76px;
        outline: none;
        padding: 5px 10px;
        -webkit-transition: border-color 0.25s;
        transition: border-color 0.25s;
        width: 100%;
        background-color: #fff;
        position: relative;
      }
      .zent-select-placeholder {
        color: @black-25;
      }
      .zent-select-simple {
        color: #38f
      }
      .zent-select-simple::after {
        content: '';
        border-left: 4px solid transparent;
        border-top: 6px solid #38f;
        border-right: 4px solid transparent;
        display: inline-block;
        margin-left: 5px;
        height: 1px;
        -webkit-transition: -webkit-transform 0.25s;
        transition: -webkit-transform 0.25s;
        transition: transform 0.25s;
        transition: transform 0.25s, -webkit-transform 0.25s;
      }
      .zent-select-text {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        padding: 5px 20px 5px 10px
      }
      .zent-select-text::after {
  background: url() no-repeat;
  background-size: 6px 5px;
  content: '';
  height: 5px;
  margin-top: -3px;
  position: absolute;
  right: 10px;
  top: 50%;
  transition: transform 0.25s;
  width: 6px;
}
      .zent-select-tags {
        padding: 2px 5px;
        max-height: none;
        line-height: 24px
      }
      .zent-select-tags::-webkit-scrollbar {
        display: none;
      }
      .zent-select-tags.tags__empty {
        padding: 5px 20px 5px 10px;
        line-height: 18px;
      }
      .zent-select-tags .zent-select-inner {
          border: 0;
          display: inline-block;
          outline: none;
      }
      .zent-select-tags .zent-select-tag {
          background-color: #f8f8f8;
          border: 1px solid #bbb;
          border-radius: 2px;
          display: inline-block;
          margin: 2px 0;
          margin-right: 2px;
          padding: 0 4px;
          line-height: 18px;
      }
      .zent-select-tags .zent-select-delete {
          background: url() no-repeat;
          background-size: 8px;
          display: inline-block;
          height: 8px;
          margin-left: 2px;
          width: 8px;
      }
      .zent-select-popup {
        -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
        left: 0;
        outline: none;
        overflow-y: auto;
        position: relative;
        width: 100%;
        z-index: 2000;
        margin-top: 2px;
        background-color: #fff;
        max-height: 224px;
        border-radius: 3px;
        font-size: 12px;
      }
      .zent-select-popup .zent-select-option, .zent-select-popup .zent-select-filter, .zent-select-popup .zent-select-empty {
          background-color: #fff;
          display: block;
          outline: none;
          padding: 5px 10px;
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap;
        }
      .zent-select-popup .zent-select-search {
          position: relative;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box
        }
      .zent-select-popup .zent-select-search::before {
        background: url() no-repeat;
        background-position: center;
        background-size: 12px;
        content: '';
        height: 100%;
        left: 10px;
        position: absolute;
        width: 12px;
      }
      .zent-select-popup .zent-select-filter {
          border-color: #e5e5e5;
          border-style: solid;
          border-width: 0 0 1px;
          padding-left: 30px;
          width: 100%;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          height: 30px;
        }
      .zent-select-popup .zent-select-option.current, .zent-select-popup .zent-select-option.hover, .zent-select-popup .zent-select-option:hover {
        background-color: #38f;
        color: #fff;
      }
      .zent-select-popup .zent-select-option.active {
        color: #38f;
      }
      .zent-select-popup .zent-select-option.active:hover, .zent-select-popup .zent-select-option.active.hover, .zent-select-popup .zent-select-option.active.current {
        color: #fff;
      }
      .zent-select-popup .zent-select-empty {
          color: #999;
        }
      .has-error :not(.no-error) > .zent-select-input, .has-error :not(.no-error) > .zent-select-text, .has-error :not(.no-error) > .zent-select-tags {
        border: 1px solid #f44;
        color: #f44;
      }
      .zent-sku {
        background-color: #fff;
        padding: 10px;
        border: 1px solid #e5e5e5;
      }
      .zent-sku-pop {
          z-index: 1;
        }
      .zent-sku-group {
          position: relative
        }
      .zent-sku-group:hover .group-remove {
        display: block;
      }
      .zent-sku-group .group-title {
            position: relative;
            padding: 7px 10px;
            margin: 0;
            color: #666;
            background-color: #f8f8f8;
            font-size: 12px;
            line-height: 16px;
            font-weight: normal;
      }
      .zent-sku-group .group-remove {
            display: none;
            position: absolute;
            top: 12px;
            right: 10px;
            color: #fff;
            text-align: center;
            cursor: pointer;
            width: 18px;
            height: 18px;
            font-size: 14px;
            line-height: 16px;
            background: rgba(255, 255, 255, 0.6);
            border-radius: 10px;
            text-indent: 0;
      }
      .zent-sku-group .sku-group-cont {
            padding: 0 10px;
            margin-bottom: 10px;
            color: #999;
      }
      .zent-sku-group .sku-group-cont .help-block {
              line-height: 14px;
              font-size: 12px;
              margin-top: 6px;
              margin-bottom: 0;
            }
      .zent-sku-group .sku-group-cont .help-block ul li {
                font-size: 12px;
                line-height: 12px;
              }
      .zent-sku-group .sku-group-cont .help-block:empty {
        margin-top: 0 !important;
      }
      .zent-sku-group h4 {
            font-size: 12px;
            font-weight: bold;
            margin: 0;
      }
      .zent-sku-group .addImg-radio {
            display: inline-block;
            margin: 3px 0 0 30px;
      }
      .zent-sku-group .addImg-radio input {
              vertical-align: 0;
              margin-right: 6px;
            }
      .zent-sku-group .group-container {
            color: #666;
            padding: 10px 10px 0;
      }
      .zent-sku-group .group-container .zent-sku-pop {
              margin: 0;
            }
      .zent-sku-group .sku-list ul > li {
        float: left;
        width: 20%;
        text-align: left;
      }
      .zent-sku-group .sku-add {
            display: inline-block;
            padding: 0 5px;
            margin: 9px 5px 0;
            vertical-align: top;
            font-size: 12px;
            color: #38f;
            text-decoration: none;
            cursor: pointer;
      }
      .zent-sku-group .zent-sku-pop {
            cursor: pointer;
            font-size: 12px;
            display: inline-block;
            padding: 0 5px;
            margin: 9px 5px 0;
            vertical-align: top;
      }
      .zent-sku .zent-sku-item {
          background-color: #f8f8f8;
          padding: 5px;
          display: inline-block;
          margin-right: 10px;
          margin-bottom: 5px;
          margin-top: 5px;
          width: 80px;
          vertical-align: middle;
          text-align: center;
          position: relative;
          border-radius: 2px;
          cursor: pointer;
        }
      .zent-sku .zent-sku-item span {
            display: block;
            width: 74px;
            margin: 0 auto;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
          }
      .zent-sku .zent-sku-item__text {
            font-size: 12px;
          }
      .zent-sku .zent-sku-item .item-remove {
            position: absolute;
            z-index: 2;
            top: -8px;
            right: -8px;
            width: 18px;
            height: 18px;
            font-size: 14px;
            line-height: 16px;
            color: #fff;
            text-align: center;
            cursor: pointer;
            background: rgba(0, 0, 0, 0.3);
            border-radius: 50%
          }
      .zent-sku .zent-sku-item .item-remove:hover {
        color: #fff;
        background: #333;
      }
      .zent-sku .zent-sku-item .item-remove {
            display: none;
          }
      .zent-sku .zent-sku-item:hover .item-remove {
              display: block;
      }
      .zent-sku .zent-sku-item.active {
        margin-bottom: 100px;
      }
      .zent-sku .zent-sku-item .upload-img-wrap {
            position: absolute;
            top: 36px;
            left: 0;
            padding: 2px;
            width: 84px;
            background: #fff;
            border-radius: 4px;
            border: 1px solid #e5e5e5;
      }
      .zent-sku .zent-sku-item .upload-img-wrap img {
              width: 100%;
              height: 100%;
              cursor: pointer;
            }
      .zent-sku .zent-sku-item .upload-img-wrap .add-image, .zent-sku .zent-sku-item .upload-img-wrap .zent-upload-trigger {
              width: 84px;
              height: 84px;
              line-height: 84px;
              text-align: center;
              background: #fff;
              font-size: 30px;
              color: #e5e5e5;
              cursor: pointer;
              border: 0;
            }
      .zent-sku .zent-sku-item .upload-img-wrap .upload-img {
              position: relative;
              width: 84px;
              height: 84px
            }
      .zent-sku .zent-sku-item .upload-img-wrap .upload-img:hover .item-remove {
                  display: inline;
      }
      .zent-sku .zent-sku-item .upload-img-wrap .upload-img:hover .img-edit {
                  display: block;
      }
      .zent-sku .zent-sku-item .upload-img-wrap .arrow {
              position: absolute;
              width: 0;
              height: 0;
              top: -5px;
              left: 44%;
              border-style: solid;
              border-color: transparent;
              border-left: 5px solid transparent;
              border-right: 5px solid transparent;
              border-bottom: 5px solid #333
            }
      .zent-sku .zent-sku-item .upload-img-wrap .arrow::after {
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        top: 0;
        margin-left: -10px;
        border-bottom-color: #fff;
        border-width: 10px;
        border-top-width: 0;
        content: "";
      }
      .zent-sku .zent-sku-item .upload-img-wrap .img-edit {
              cursor: pointer;
              display: none;
              position: absolute;
              bottom: 0;
              left: 0;
              width: 100%;
              color: #fff;
              opacity: 0.5;
              background: #333;
            }
      .zent-slider {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        min-height: 30px;
      }
      .zent-slider-main {
          -webkit-box-flex: 1;
              -ms-flex: 1;
                  flex: 1;
          margin: 8px 7px;
          height: 14px;
          cursor: pointer;
          position: relative;
          border-top: 5px solid transparent;
          border-bottom: 5px solid transparent;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
        }
      .zent-slider-main-with-marks {
            margin-bottom: 20px;
          }
      .zent-slider-main:hover .zent-slider-track {
              background: #38f;
      }
      .zent-slider-main:hover .zent-slider-track-disabled {
                background: #bbb
              }
      .zent-slider-main:hover .zent-slider-track-disabled:hover {
        background: #bbb;
      }
      .zent-slider-container {
          height: 4px;
          background: @black-4;
          border-radius: 8px;
          position: absolute;
          width: 100%;
        }
      .zent-slider-track {
          height: 4px;
          background: @primary-3;
          position: absolute;
          border-radius: 8px
        }
      .zent-slider-track:hover {
        background: @primary;
      }
      .zent-slider-track-disabled {
            background: #bbb
      }
      .zent-slider-track-disabled:hover {
        background: #bbb;
      }
      .zent-slider-point {
          position: absolute;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          width: 14px;
          height: 14px;
          margin-top: -5px;
          margin-left: -7px;
          border-radius: 50%;
          border: 2px solid @primary-3;
          background-color: #fff;
          -webkit-transition: border-color 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
          transition: border-color 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
          transition: border-color 0.3s ease, transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
          transition: border-color 0.3s ease, transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28), -webkit-transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28)
        }
      .zent-slider-point:hover {
        border-color: @primary;
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        -webkit-transform-origin: center center;
        transform-origin: center center;
      }
      .zent-slider-point:active {
        -webkit-box-shadow: 0 0 0 2px rgba(51, 136, 255, 0.2);
        box-shadow: 0 0 0 2px rgba(51, 136, 255, 0.2);
      }
      .zent-slider-point-disabled {
            border: 2px solid #cacaca;
            cursor: not-allowed
      }
      .zent-slider-point-disabled:hover {
        border-color: #cacaca;
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        -webkit-transform-origin: center center;
        transform-origin: center center;
      }
      .zent-slider-point-disabled:active {
        -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.2);
      }
      .zent-slider-points {
          position: absolute;
          width: 100%;
          -webkit-user-select: none;
             -moz-user-select: none;
              -ms-user-select: none;
                  user-select: none;
        }
      .zent-slider-toolTips {
          display: inline-block;
          position: absolute;
        }
      .zent-slider-toolTips .toolTips-content-hide {
            visibility: hidden;
          }
      .zent-slider-toolTips .toolTips-content {
            position: absolute;
            top: -33px;
            -webkit-transform: translateX(-50%);
                    transform: translateX(-50%);
          }
      .zent-slider-toolTips .toolTips-content .toolTips-inner {
              padding: 4px 5px;
              background-color: #666;
              border-radius: 2px;
              font-size: 12px;
              color: #fff;
              line-height: 11px;
              position: relative;
              z-index: 2;
              white-space: nowrap;
            }
      .zent-slider-toolTips .toolTips-content .toolTips-arrow {
              background: #666;
              -webkit-transform: translate(-50%, 50%) rotate(45deg);
                      transform: translate(-50%, 50%) rotate(45deg);
              left: 50%;
              position: absolute;
              z-index: 1;
              top: 13px;
              width: 6px;
              height: 6px;
              -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
                      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
              overflow: hidden;
            }
      .zent-slider-toolTips:hover .toolTips-content {
              visibility: visible;
      }
      .zent-slider-input {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          margin-left: 15px;
          line-height: 30px;
        }
      .zent-slider-input .slider-input-line {
            padding: 0 5px;
          }
      .zent-slider-input .zent-input-wrapper {
            width: 60px;
          }
      .zent-slider-input .zent-input-wrapper .zent-input {
              min-width: 60px;
            }
      .zent-slider-marks {
          position: absolute;
          width: 100%;
          font-size: 12px;
          margin-top: 4px;
          color: #333;
        }
      .zent-slider-marks .zent-slider-mark {
            position: absolute;
            padding-top: 10px;
            -webkit-transform: translateX(-50%);
                    transform: translateX(-50%);
          }
      .zent-slider-dots {
          position: absolute;
          width: 100%;
        }
      .zent-slider-dots .zent-slider-dot {
            position: absolute;
            display: inline-block;
            width: 6px;
            margin-top: -2px;
            -webkit-transform: translateX(-50%);
                    transform: translateX(-50%);
            background-color: #fff;
            height: 6px;
            border: 1px solid #e5e5e5;
            border-radius: 50%;
          }
      .zent-slider-dots .zent-slider-dot-active {
              border: 1px solid #bdf;
            }
      .zent-slider-disabled .zent-slider-main {
            cursor: not-allowed;
          }
      .zent-split-button {
        display: inline-block
      }
      .zent-split-button + .zent-split-button {
        margin-left: 10px;
      }
      .zent-split-button__main {
          border-top-right-radius: 0;
          border-bottom-right-radius: 0;
          border-right: none;
      }
      .zent-split-button__dropdown {
          border-top-left-radius: 0;
          border-bottom-left-radius: 0;
          border-left: none;
          padding: 0 4px;
      }
      .zent-split-button__dropdown-icon {
            -webkit-transform: scale(0.5);
                    transform: scale(0.5);
          }
      .zent-split-button__dropdown-disabled {
            cursor: not-allowed;
          }
      .zent-split-button .zent-btn-loading:hover, .zent-split-button .zent-btn-loading:active {
        border-right: none;
      }
      .zent-split-button .zent-btn + .zent-btn {
          margin-left: 0;
      }
      .zent-steps {
        width: 100%;
        line-height: 1.5;
        font-size: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
      }
      .zent-steps-tail {
        position: absolute;
        width: 100%;
        left: 0;
        top: 10px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        margin-left: 55px;
      }
      .zent-steps-tail i {
          display: inline-block;
          position: relative;
          width: 100%;
          border-radius: 0;
          height: 1px;
          vertical-align: top;
          background: @black-15
        }
      .zent-steps-tail i::after {
        content: '';
        position: absolute;
        top: 0;
        width: 0;
        background: #999;
        height: 100%;
        opacity: 0;
      }
      .zent-steps-step {
        position: relative;
      }
      .zent-steps-step .zent-step-head {
          position: relative;
          display: inline-block;
          vertical-align: top;
          top: -4px;
          background: #fff;
          margin-left: 39px;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
        }
      .zent-steps-step .zent-step-main {
          position: relative;
          vertical-align: top;
          width: 130px;
          color: #999;
          text-align: left;
          top: -32px;
          left: 78px;
          
        }
      .zent-steps-step .zent-step-main .zent-step-title {
            font-size: @font-2;
            max-width: 60px;
            line-height: @line-heigh-2;
            margin-top: 0px;
            word-wrap: break-word;
            word-break: break-all;
            font-weight: bold;
            background: #FFF;
            padding-left: 12px;
            color: @black-85;
          }
      .zent-steps-step .zent-step-main .zent-step-description {
            max-width: 130px;
            font-size: @font-2;
            line-height: @line-heigh-2;
            margin-top: 5px;
            word-wrap: break-word;
            word-break: break-all;
            padding-left: 12px;
            color: @black-65;
          }
      .zent-step-head-inner {
        margin: 0 5px;
        font-size: 20px;
        color: #cacaca;
        line-height: 20px;
      }
      .zent-step-head-inner .zent-icon {
          display: inline-block;
          vertical-align: middle;
          width: 32px;
          height: 32px;
          line-height: 30px;
          border-radius: 50%;
          text-align: center;
          background: #FFF;
          color: @black-25;
          border: 1px solid @black-15;
          font-size: @font-2;
        }
      .zent-step-head-inner .zenticon {
          vertical-align: middle;
        }
      .zent-steps-item {
        position: relative;
        display: inline-block;
        vertical-align: top;
        overflow: visible;
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1
      }
      .zent-steps-item.zent-steps-status-finish.is-current .zent-steps-tail i::after {
        width: 0;
      }
      .zent-steps-item.zent-steps-status-finish.is-last-finish .zent-steps-tail i::after {
        width: 100%;
      }
      .zent-steps-item.zent-steps-status-finish .zent-step-head-inner {
            color: #38f;
      }
      .zent-steps-item.zent-steps-status-finish .zent-step-head-inner .zenticon-check-circle:before{background: url();width: 32px;height: 32px;background-size: 32px;content: "";}
      .zent-steps-item.zent-steps-status-finish .zent-step-head-inner .zent-icon {
              background: #38f;
            }
      .zent-steps-item.zent-steps-status-finish .zent-step-main .zent-step-title {
              color: #333;
            }
      .zent-steps-item.zent-steps-status-finish .zent-steps-tail i::after {
        width: 100%;
        background: #38f;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
        opacity: 1;
      }
      .zent-steps-item.zent-steps-status-error .zent-step-head-inner {
            color: #f44;
      }
      .zent-steps-item.zent-steps-status-error .zent-step-main .zent-step-title {
              color: #f44;
            }
      .zent-steps-item.zent-steps-status-process .zent-step-head-inner .zent-icon {
              background: @primary;
              border-color: @primary;
              color: #FFF;
            }
      .zent-steps-item:last-child {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
      }
      .zent-steps-item:last-child .zent-steps-tail {
            display: none;
      }
      .zent-steps__vertical {
        display: block;
      }
      .zent-steps__vertical .zent-steps-item {
          display: block;
          overflow: visible
        }
      .zent-steps__vertical .zent-steps-item.zent-steps-status-finish.is-current .zent-steps-tail i::after {
        width: 100%;
        height: 0;
      }
      .zent-steps__vertical .zent-steps-item.zent-steps-status-finish.is-last-finish .zent-steps-tail i::after {
        width: 100%;
      }
      .zent-steps__vertical .zent-steps-item.zent-steps-status-finish .zent-steps-tail i::after {
        width: 100%;
      }
      .zent-steps__vertical .zent-steps-tail {
          position: absolute;
          margin-left: 0;
          width: 1px;
          left: 16px;
          top: 0;
          height: 100%;
          padding: 30px 0 4px;
        }
      .zent-steps__vertical .zent-steps-tail i {
            height: 100%;
            width: 2px
          }
      .zent-steps__vertical .zent-steps-tail i::after {
        width: 100%;
      }
      .zent-steps__vertical .zent-steps-step .zent-step-head {
            float: left;
            margin-left: 0;
          }
      .zent-steps__vertical .zent-steps-step .zent-step-main {
            display: block;
            top: 0;
            left: 0;
            overflow: hidden;
            min-height: 48px;
            text-align: left;
            width: inherit;
          }
      .zent-steps__vertical .zent-steps-step .zent-step-main .zent-step-title {
              margin-top: 0;
              line-height: 22px;
              max-width: initial;
            }
      .zent-steps__vertical .zent-steps-step .zent-step-main .zent-step-description {
              padding-bottom: 15px;
              max-width: initial;
            }
      .zent-steps__vertical .zent-step-head-inner {
          margin: 6px 0;
        }
      .zent-steps-card .zent-steps-item {
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          padding: 0 1px
        }
      .zent-steps-card .zent-steps-item.is-clicked {
        cursor: pointer;
      }
      .zent-steps-card .zent-steps-item:first-child {
        padding-left: 0;
      }
      .zent-steps-card .zent-steps-item:last-child {
        padding-right: 0;
      }
      .zent-steps-card .zent-steps-item .zent-steps-step {
            height: 50px;
            line-height: 50px;
            font-size: 16px;
            background: #f8f8f8;
            color: #666;
            text-align: center;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            padding: 0 10px;
      }
      .zent-steps-card .zent-steps-item.is-current .zent-steps-step {
              background: #38f;
              color: #fff;
      }
      .zent-steps-breadcrumb {
        overflow: hidden;
      }
      .zent-steps-breadcrumb .zent-steps-item {
          padding: 0 8px;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box
        }
      .zent-steps-breadcrumb .zent-steps-item.is-clicked {
        cursor: pointer;
      }
      .zent-steps-breadcrumb .zent-steps-item:first-child {
        padding-left: 0;
      }
      .zent-steps-breadcrumb .zent-steps-item:first-child .zent-steps-step::before {
        display: none;
      }
      .zent-steps-breadcrumb .zent-steps-item:last-child {
        padding-right: 0;
      }
      .zent-steps-breadcrumb .zent-steps-item:last-child .zent-steps-step::after {
        display: none;
      }
      .zent-steps-breadcrumb .zent-steps-item .zent-steps-step {
            height: 44px;
            line-height: 44px;
            font-size: 14px;
            background: #f8f8f8;
            color: #666;
            text-align: center;
            padding: 0 10px
      }
      .zent-steps-breadcrumb .zent-steps-item .zent-steps-step::after {
        content: ' ';
        display: block;
        width: 0;
        height: 0;
        border-top: 22px solid transparent;
        border-bottom: 22px solid transparent;
        border-left: 12px solid #f8f8f8;
        position: absolute;
        top: 50%;
        margin-top: -22px;
        right: -12px;
      }
      .zent-steps-breadcrumb .zent-steps-item .zent-steps-step::before {
        content: ' ';
        display: block;
        width: 0;
        height: 0;
        border-top: 22px solid #f8f8f8;
        border-bottom: 22px solid #f8f8f8;
        border-left: 12px solid transparent;
        position: absolute;
        top: 50%;
        margin-top: -22px;
        left: -12px;
      }
      .zent-steps-breadcrumb .zent-steps-item.is-finish .zent-steps-step {
              background: #38f;
              color: #fff
      }
      .zent-steps-breadcrumb .zent-steps-item.is-finish .zent-steps-step::after {
        border-left-color: #38f;
      }
      .zent-steps-breadcrumb .zent-steps-item.is-finish .zent-steps-step::before {
        border-top-color: #38f;
        border-bottom-color: #38f;
      }
      .zent-sweetalert-icon-title {
        line-height: 14px;
      }
      .zent-sweetalert-icon-title .zent-sweetalert-type-icon {
          margin-right: 10px;
          vertical-align: bottom;
          font-weight: bold;
        }
      .zent-sweetalert-icon-title .zenticon-info-circle-o {
          color: #38f;
        }
      .zent-sweetalert-icon-title .zenticon-check-circle-o {
          color: #4b0;
        }
      .zent-sweetalert-icon-title .zenticon-close-circle-o {
          color: #f44;
        }
      .zent-sweetalert-icon-title .zenticon-error-circle-o {
          color: #fc0;
        }
      .zent-swiper {
        position: relative;
        overflow: hidden;
      }
      .zent-swiper__container {
          height: 100%;
          position: relative;
          -webkit-transition: ease-in-out;
          transition: ease-in-out;
        }
      .zent-swiper__arrow {
          cursor: pointer;
          position: absolute;
          top: 50%;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%);
          z-index: 2;
        }
      .zent-swiper__arrow-icon {
            color: #e5e5e5;
            font-size: 20px;
          }
      .zent-swiper__arrow-left {
            left: 10px;
          }
      .zent-swiper__arrow-left .zent-swiper__arrow-icon {
              -webkit-transform: rotate(180deg);
                      transform: rotate(180deg);
            }
      .zent-swiper__arrow-right {
            right: 20px;
          }
      .zent-swiper-light .zent-swiper__arrow-icon {
            color: #fff;
          }
      .zent-swiper__dots {
          list-style: none;
          position: absolute;
          bottom: 0;
          left: 50%;
          -webkit-transform: translateX(-50%);
                  transform: translateX(-50%);
          z-index: 1;
        }
      .zent-swiper__dots-item {
            display: inline-block;
            margin: 12px 5px;
            border: 0;
            cursor: pointer;
            background: #e5e5e5;
            height: 12px;
            width: 12px;
            border-radius: 100%;
            outline: none;
          }
      .zent-swiper__dots-large .zent-swiper__dots-item {
            height: 15px;
            width: 15px;
          }
      .zent-swiper__dots-small .zent-swiper__dots-item {
            height: 10px;
            width: 10px;
          }
      .zent-swiper__dots-black .zent-swiper__dots-item-active {
            background: #333;
          }
      .zent-swiper__dots-blue .zent-swiper__dots-item-active {
            background: #38f;
          }
      .zent-swiper__dots-red .zent-swiper__dots-item-active {
            background: #f44;
          }
      .zent-swiper__dots-green .zent-swiper__dots-item-active {
            background: #4b0;
          }
      /* switch通用 */
      .zent-switch {
        position: relative;
        display: inline-block;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        width: 42px;
        height: 20px;
        line-height: 20px;
        vertical-align: middle;
        border-radius: 10px;
        border: none;
        background-color: #BFBFBF;
        cursor: pointer;
        -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
        transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86)
      }
      .zent-switch:after {
        position: absolute;
        width: 16px;
        height: 16px;
        left: 2px;
        top: 2px;
        border-radius: 100%;
        background-color: #fff;
        content: " ";
        cursor: pointer;
        -webkit-transition: left 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
        transition: left 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
      }
      .zent-switch:focus {
        outline: 0;
      }
      .zent-switch:focus:hover {
        -webkit-box-shadow: none;
        box-shadow: none;
      }
      .zent-switch .zent-switch-inner {
          color: #fff;
          font-size: @font-1;
          position: absolute;
          left: 24px;
          top: 0px;
          -webkit-transition: left 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
          transition: left 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
          -webkit-user-select: none;
             -moz-user-select: none;
              -ms-user-select: none;
                  user-select: none;
      }
      /* 大小相关 */
      .zent-switch-large {
        height: 50px;
        line-height: 12px;
        width: 90px;
        border-radius: 50px
      }
      .zent-switch-large:after {
        width: 44px;
        height: 44px;
        top: 2px;
        left: 2px;
      }
      .zent-switch-large .zent-switch-inner {
          font-size: 14px;
          left: 50px;
          top: 18px;
      }
      .zent-switch-large.zent-switch-checked:after {
        left: 42px;
      }
      .zent-switch-large.zent-switch-checked .zent-switch-inner {
            font-size: 14px;
            left: 6px;
            top: 18px;
      }
      .zent-switch-small {
        width: 28px;
        height: 16px;
        line-height: 10px
      }
      .zent-switch-small:after {
        width: 12px;
        height: 12px;
        top: 2px;
        left: 2px;
      }
      .zent-switch-small .zent-switch-inner {
          display: none;
      }
      .zent-switch-small.zent-switch-checked:after {
        left: 14px;
      }
      /* 状态相关 */
      .zent-switch-checked {
        border-color: @primary;
        background-color: @primary;
      }
      .zent-switch-checked::after {
        left: 24px;
      }
      .zent-switch-checked .zent-switch-inner {
          left: 6px;
          top: 0px;
      }
      .zent-switch-disabled {
        cursor: not-allowed;
        background: #f2f2f2;
        border-color: #f2f2f2
      }
      .zent-switch-disabled.zent-switch-checked {
        background: #83e5a7;
        border-color: #83e5a7;
      }
      .zent-switch-disabled::after {
        background: #fff;
        cursor: not-allowed;
      }
      .zent-switch-loading {
        position: relative;
        color: transparent;
        cursor: not-allowed
      }
      .zent-switch-loading::after {
        cursor: not-allowed;
      }
      .zent-switch-loading::before {
        content: ' ';
        position: absolute;
        top: 43%;
        left: 38%;
        z-index: 2;
        width: 16px;
        height: 16px;
        margin: -5px 0 0 -15px;
        border: 3px solid rgba(0, 0, 0, 0.2);
        border-radius: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-color: #666 transparent transparent;
        -webkit-animation: switch-spin 0.6s linear;
        animation: switch-spin 0.6s linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
      }
      .zent-switch-loading.zent-switch-checked::before {
        margin: -5px 0 0 15px;
      }
      .zent-switch-loading {
        /* small switch */
      }
      .zent-switch-loading.zent-switch-small::before {
        width: 12px;
        height: 12px;
        margin: -5px 0 0 -9px;
        border-width: 2px;
      }
      .zent-switch-loading.zent-switch-small.zent-switch-checked::before {
        margin: -5px 0 0 6px;
      }
      .zent-switch-loading {
        /* large switch */
      }
      .zent-switch-loading.zent-switch-large::before {
        margin: -5px 0 0 -17px;
      }
      .zent-switch-loading.zent-switch-large.zent-switch-checked::before {
        margin: -5px 0 0 23px;
      }
      @-webkit-keyframes switch-spin {
        0% {
          -webkit-transform: rotate(0);
                  transform: rotate(0);
        }
      
        100% {
          -webkit-transform: rotate(360deg);
                  transform: rotate(360deg);
        }
      }
      @keyframes switch-spin {
        0% {
          -webkit-transform: rotate(0);
                  transform: rotate(0);
        }
      
        100% {
          -webkit-transform: rotate(360deg);
                  transform: rotate(360deg);
        }
      }
      .zent-table-container {
        margin-bottom: 20px;
      }
      .zent-table {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        width: 100%;
      }
      .zent-table a {
          color: #38f;
          cursor: pointer
        }
      .zent-table a:hover {
        cursor: pointer;
        text-decoration: none;
      }
      .zent-table .tr {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          border-bottom: 1px solid #E8E8E8;
        }
      .zent-table .expanded-item {
          width: 70px;
          text-align: center;
          position: relative;
        }
      .zent-table .expanded-item i {
            height: 100%
          }
      .zent-table .expanded-item i::before {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
      }
      .zent-table .thead .tr {
            border-top: none;
            border-bottom: 1px solid #E8E8E8;
            background: #FAFAFA;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
          }
       .zent-table .thead .tr .cell__child-container{
           font-size: @font-2;
           line-height: @line-heigh-2;
           padding: 6px 0;
           font-weight: bold;
       }
      .zent-table .tbody .tr:hover {
        background: #f8f8f8;
      }
      .zent-table .tbody .tr:hover .empty-data {
                background: transparent;
      }
      .zent-table .tbody .tr--expanded {
              background-color: #f8f8f8;
      }
      .zent-table .tbody .tr .td {
              padding: 16px 0 8px;
      }
      .zent-table .tbody .tr .td .expandable-btn {
                position: absolute;
                top: 50%;
                -webkit-transform: translateY(-50%);
                        transform: translateY(-50%);
                display: inline-block;
                -webkit-box-sizing: border-box;
                        box-sizing: border-box;
                cursor: pointer;
                width: 17px;
                height: 17px;
                text-align: center;
                background: #fff;
                line-height: 10px;
                border: 1px solid #e5e5e5
              }
      .zent-table .tbody .tr .td .expandable-btn.expand-btn::after {
        content: "+";
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
      }
      .zent-table .tbody .tr .td .expandable-btn.collapse-btn::after {
        content: "-";
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
      }
      .zent-table .tbody .cell {
            min-height: 54px;
          }
      .zent-table .tfoot {
          margin-top: 10px;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
        }
      .zent-table .tfoot__batchcomponents {
            float: left;
            padding: 5px;
            padding-left: 10px;
          }
      .zent-table .tfoot__batchcomponents--has-children {
              margin-bottom: 10px;
              border: 1px solid #e5e5e5;
              background: #fff;
            }
      .zent-table .tfoot__batchcomponents--fixed {
              position: fixed;
              bottom: 0;
            }
      .zent-table .tfoot__batchcomponents .subcomponent-wrapper {
              display: inline-block;
              vertical-align: middle;
            }
      .zent-table .tfoot__page {
            float: right;
          }
      .zent-table .cell {
          position: relative;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-flex: 1;
              -ms-flex: auto;
                  flex: auto;
          -ms-flex-preferred-size: 0;
              flex-basis: 0;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          padding: 10px;
          padding-left: 0;
          min-height: 40px;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          text-align: left;
          font-size: 14px;
        }
      .zent-table .cell__child-container {
            overflow: hidden;
            width: 100%;
            text-overflow: ellipsis;
          }
      .zent-table .cell:first-child {
        padding-left: 10px;
      }
      .zent-table .cell:last-child {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
      }
      .zent-table .cell:last-child .cell__child-container {
              text-align: right;
      }
      .zent-table .cell.empty-data {
        line-height: 20px;
        height: 40px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
      }
      .zent-table .cell.cell--selection {
        padding-left: 78px;
      }
      .zent-table .cell.cell--money, .zent-table .cell.cell--right {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: end;
      }
      .zent-table .cell.cell--money .cell__child-container, .zent-table .cell.cell--right .cell__child-container {
              text-align: right;
      }
      .zent-table .cell.cell--start {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
      }
      .zent-table .cell.cell--start .cell__child-container {
              text-align: left;
      }
      .zent-table .cell.cell--center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
      }
      .zent-table .cell.cell--center .cell__child-container {
              text-align: center;
      }
      .zent-table .cell .asc, .zent-table .cell .desc {
            margin-left: 3px;
      }
      .zent-table .cell .desc:after {
        position: absolute;
        content: '\2193';
      }
      .zent-table .cell .asc:after {
        position: absolute;
        content: '\2191';
      }
      .zent-table .cell .select-check {
            position: absolute;
            left: 24px;
            top: 50%;
            -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
            margin-top: 0;
      }
      .zent-table .card__thumb {
          float: left;
          margin-right: 5px;
          height: 50px;
        }
      .zent-table .card__title {
          display: block;
          height: 32px;
          line-height: 1.4;
          overflow: hidden;
          text-overflow: ellipsis;
          font-size: 12px;
          color: #38f
        }
      .zent-table .card__title:hover {
        text-decoration: none;
      }
      .zent-table .card__info {
          font-size: 12px;
          color: #f66;
        }
      .zent-table .clearfix:after {
          content: "";
          display: table;
          clear: both;
        }
      .zent-tabs {
        font-size: 14px;
        line-height: 1.42857143;
      }
      .zent-tabs-nav {
          position: relative;
          border-bottom: none;
          outline: none;
          margin-bottom: 10px;
          -webkit-user-select: none;
             -moz-user-select: none;
              -ms-user-select: none;
                  user-select: none;
        }
      .zent-tabs-nav-extra-content {
            float: right;
            display: inline-block;
            width: auto;
            height: 100%;
            vertical-align: middle;
          }
      .zent-tabs-nav-add {
            float: right;
            display: inline-block;
            width: 20px;
            height: 100%;
            vertical-align: middle;
            text-align: center;
            cursor: pointer;
          }
      .zent-tabs-nav-add span {
              display: block;
              border: 1px solid #e5e5e5;
              border-radius: 2px;
              position: relative;
              top: 50%;
              margin-top: -10px;
              line-height: 18px;
              height: 20px;
            }
      .zent-tabs-nav-content {
            margin-bottom: 0;
            height: auto;
            overflow: hidden;
          }
      .zent-tabs-nav-content-prev::before {
              content: '\E600';
            }
      .zent-tabs-nav-content-next::before {
              content: '\E600';
            }
      .zent-tabs-nav-ink-bar {
            display: none;
          }
      .zent-tabs-scroll {
          white-space: nowrap;
          overflow-x: auto;
        }
      .zent-tabs-tabwrap {
          float: left;
          position: relative;
        }
      .zent-tabs-tab {
          position: relative;
          display: inline-block;
          cursor: pointer;
          color: @black-65;
          border: none;
          margin-right: 24px;
          background: none;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
        }
      .zent-tabs-tab-inner {
            padding: 12px 0;
            text-align: center;
            min-width: 88px;
            position: relative;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
            font-size: @font-2;
            line-height: @line-heigh-2;
          }
      .zent-tabs-tab-inner-del {
              line-height: 1;
              position: absolute;
              top: 3px;
              right: 3px;
              font-size: 12px;
              display: none;
            }
      .zent-tabs-tab:first-child {
          border: none;
          border-bottom: 0;
          border-top-left-radius: 4px;
        }
      .zent-tabs-tab:last-child {
          border-top-right-radius: 4px;
        }
      .zent-tabs-tab:hover {
          color: #333;
        }
      .zent-tabs-tab:hover .zent-tabs-tab-inner-del {
            display: inline;
          }
      .zent-tabs .zent-tabs-actived {
          position: relative;
          color: @primary;
          background: none;
          border-bottom: 2px solid @primary;
        }
      .zent-tabs .zent-tabs-actived .zent-tabs-tab-inner {
            padding-bottom: 12px;
          }
      .zent-tabs .zent-tabs-disabled {
          color: @black-25
        }
      .zent-tabs .zent-tabs-disabled.zent-tabs-tab {
        cursor: not-allowed;
      }
      .zent-tabs .zent-tabs-disabled.zent-tabs-tab:hover {
        color: #bbb;
      }
      .zent-tabs-size-huge .zent-tabs-nav {
          margin-bottom: 15px;
        }
      .zent-tabs-size-huge .zent-tabs-nav-content {
          height: auto;
        }
      .zent-tabs-size-huge .zent-tabs-tab-inner {
          padding: 12px 0px;
          font-size: @font-3;
          line-height: @line-heigh-3;
          min-width: 96px;
        }
      .zent-tabs-size-huge .zent-tabs-actived .zent-tabs-tab-inner {
            background: no-repeat;
            padding-bottom: 12px;
          }
      .zent-tabs-align-center .zent-tabs-tabwrap {
          float: none;
        }
      .zent-tabs-align-right .zent-tabs-tabwrap {
          float: right;
        }
      .zent-tabs-align-right .zent-tabs-nav-add {
          float: left;
        }
      .zent-tabs-align-right .zent-tabs-nav-extra-content {
          float: left;
        }
      .zent-tabs-type-card .zent-tabs-tab {
          background: @black-2;
          
          margin-right: 2px;
        }
      .zent-tabs-type-card .zent-tabs-tab-inner {
          padding: 8px 0;
          border: 1px solid @black-15;
          border-top-left-radius: 4px;
          border-top-right-radius: 4px;
      }
      .zent-tabs-type-card.zent-tabs-nav{
          border-bottom: 1px solid @black-15;
      }
      .zent-tabs-type-card .zent-tabs-nav-content{
          margin-bottom: -1px;
      }
      .zent-tabs-type-card .zent-tabs-tab:first-child {
          border-color: #f8f8f8;
          border-radius: 0;
        }
      .zent-tabs-type-card .zent-tabs-tab:last-child {
          border-color: #f8f8f8;
          border-radius: 0;
        }
      .zent-tabs-type-card .zent-tabs-actived {
          background-color: #f8f8f8;
          border-radius: 0;
          border: 0;
        }
      .zent-tabs-type-card .zent-tabs-actived .zent-tabs-tab-inner {
            border: 1px solid #e5e5e5;
            border-bottom: 0;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
            background-color: white;
            padding-bottom: 9px;
          }
      .zent-tabs-type-slider.zent-tabs-nav {
        border: 0;
      }
      .zent-tabs-type-slider .zent-tabs-tab {
          border: 0;
          background-color: transparent;
      }
      .zent-tabs-type-slider .zent-tabs-actived {
          background-color: transparent;
      }
      .zent-tabs-type-slider .zent-tabs-actived .zent-tabs-tab-inner {
            background-color: transparent;
          }
      .zent-tabs-type-slider .zent-tabs-nav-ink-bar {
          position: absolute;
          display: block;
          bottom: 0;
          height: 2px;
          background-color: #59f;
          width: 0;
          z-index: 10;
      }
      .zent-tabs-third-level {
        background-color: #f8f8f8;
      }
      .zent-tag {
        display: inline-block;
        font-size: @font-1;
        color: @black-65;
        line-height: @line-heigh-1;
        padding: 1px 7px;
        background-color: #F5F5F5;
        border: 1px solid #D9D9D9;
      }
      .zent-tag.zent-tag-rounded {
        border-radius: 4px;
      }
      .zent-tag.zent-tag-closable .zent-tag-content {
            display: inline-block;
            margin-right: 0.417em;
      }
      .zent-tag.zent-tag-closable .zent-tag-close-btn {
            cursor: pointer;
            -webkit-transform: scale(0.6);
                    transform: scale(0.6);
      }
      .zent-tag.zent-tag-style-red {
        background: @error;
        border-color: @error;
        color: #FFF;
      }
      .zent-tag.zent-tag-style-red-outline {
        color: @error;
        border-color: @error-3;
        background: @error-1;
      }
      .zent-tag.zent-tag-style-green {
        background: @success;
        border-color: @success;
        color: #FFF;
      }
      .zent-tag.zent-tag-style-green-outline {
        color: @success;
        border-color: @success-3;
        background: @success-1;
      }
      .zent-tag.zent-tag-style-yellow {
        background: #fc0;
        border-color: #fc0;
      }
      .zent-tag.zent-tag-style-yellow-outline {
        color: #fc0;
        border-color: #fc0;
      }
      .zent-tag.zent-tag-style-blue {
        background: @primary;
        border-color: @primary;
        color: #FFF;
      }
      .zent-tag.zent-tag-style-blue-outline {
        background: @primary-1;
        border-color: @primary-3;
        color: @primary;
      }
      .zent-tag.zent-tag-style-darkgreen {
        background: #4b8;
        border-color: #4b8;
      }
      .zent-tag.zent-tag-style-darkgreen-outline {
        color: #4b8;
        border-color: #4b8;
      }
      .zent-tag a {
          color: inherit;
      }
      .zent-timeline {
        padding: 10px 0;
        position: relative;
      }
      .zent-timeline-dot {
          width: 10px;
          height: 10px;
          background-color: #fff;
          border-radius: 50%;
          border: 2px solid #4b0;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
        }
      .zent-timeline-line {
          position: absolute;
        }
      .zent-timeline-legend {
          height: 20px;
          line-height: 20px;
        }
      .zent-timeline-legend-line {
            position: relative;
            display: inline-block;
            width: 18px;
            height: 2px;
            background-color: #4b0;
            vertical-align: middle;
          }
      .zent-timeline-legend-line .zent-timeline-dot {
              position: absolute;
              top: 0;
              right: 0;
              bottom: 0;
              left: 0;
              margin: auto;
            }
      .zent-timeline-legend-label {
            vertical-align: middle;
            font-size: 12px;
            margin-left: 5px;
          }
      .zent-timeline-item-wrapper {
          vertical-align: top;
        }
      .zent-timeline-item {
          position: relative;
        }
      .zent-timeline-item-line {
            position: relative;
            background-color: #bbb;
          }
      .zent-timeline-item-line .zent-timeline-dot {
              position: absolute;
              margin: auto;
            }
      .zent-timeline-horizontal.zent-timeline-dynamic::before {
        content: ' ';
        height: 2px;
        width: 100%;
        position: absolute;
        display: block;
        background: #bbb;
        margin: 10px 0;
      }
      .zent-timeline-horizontal .zent-timeline-item {
            position: relative;
            display: inline-block;
            vertical-align: top;
      }
      .zent-timeline-horizontal .zent-timeline-item-hover {
              padding: 10px 0 40px;
            }
      .zent-timeline-horizontal .zent-timeline-item-line {
              height: 2px;
              width: 80px;
            }
      .zent-timeline-horizontal .zent-timeline-item-label {
              left: 0;
              top: 25px;
              position: absolute;
              bottom: 0;
            }
      .zent-timeline-horizontal .zent-timeline-item .zent-timeline-dot {
              top: 0;
              bottom: 0;
              left: 0;
            }
      .zent-timeline-horizontal .zent-timeline-start {
            top: -25px;
            left: 0;
      }
      .zent-timeline-horizontal .zent-timeline-end {
            right: 0;
            top: 25px;
      }
      .zent-timeline-horizontal .zent-timeline-pad {
            display: inline-block;
      }
      .zent-timeline-start {
          position: absolute;
        }
      .zent-timeline-end {
          position: absolute;
        }
      .zent-timeline-vertical .zent-timeline-item {
            position: relative;
            display: block;
            line-height: 12px;
          }
      .zent-timeline-vertical .zent-timeline-item-hover {
              display: inline-block;
              vertical-align: top;
            }
      .zent-timeline-vertical .zent-timeline-item-line {
              margin: 0 10px;
              width: 2px;
              vertical-align: top;
              height: 50px;
            }
      .zent-timeline-vertical .zent-timeline-item-line .zent-timeline-dot {
                top: 0;
                left: -4px;
              }
      .zent-timeline-vertical .zent-timeline-item-label {
              display: inline-block;
              vertical-align: top;
            }
      .zent-timeline-tip {
        background-color: rgba(0, 0, 0, 0.5);
        padding: 10px;
        color: white;
        border-radius: 5px;
        z-index: 5000;
        font-size: 12px;
      }
      .zent-tree {
        color: #333;
        font-size: 14px;
      }
      .zent-tree ul, .zent-tree li {
          list-style: none;
        }
      .zent-tree ul {
          padding-left: 20px;
        }
      .zent-tree .tree-node-loading-wrapper {
          display: inline-block;
          position: relative;
          vertical-align: middle;
          background-color: white;
        }
      .zent-tree .tree-node-loading-wrapper .tree-node-loading {
            display: inline-block;
            height: 10px;
            width: 10px;
            border-radius: 50%;
            margin-right: 5px;
            border: 1px solid #38f
          }
      .zent-tree .tree-node-loading-wrapper .tree-node-loading:after {
        content: '';
        display: inline-block;
        position: absolute;
        height: 10px;
        width: 4px;
        background: white;
        -webkit-animation: 2s linear rotate infinite;
        animation: 2s linear rotate infinite;
        -webkit-transform-origin: 10px 4px;
        transform-origin: 10px 4px;
        left: -1px;
        top: 6px;
      }
      @keyframes rotate {
        from {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg);
        }
      
        to {
          -webkit-transform: rotate(360deg);
                  transform: rotate(360deg);
        }
      }
      .zent-tree.zent-tree-large {
        font-size: 16px;
      }
      .zent-tree.zent-tree-large .zent-tree-bar .switcher {
            line-height: 20px
          }
      .zent-tree.zent-tree-large .zent-tree-bar .switcher:after {
        border: 6px solid transparent;
        border-left: 9px solid #e5e5e5;
      }
      .zent-tree.zent-tree-small {
        font-size: 12px;
      }
      .zent-tree.zent-tree-small .zent-tree-bar .switcher {
            line-height: 12px
          }
      .zent-tree.zent-tree-small .zent-tree-bar .switcher:after {
        border: 4px solid transparent;
        border-left: 6px solid #e5e5e5;
      }
      .zent-tree-bar {
        position: relative;
      }
      .zent-tree-bar .switcher {
          position: absolute;
          top: 2px;
          left: -18px;
          width: 16px;
          height: 16px;
          line-height: 18px;
          display: inline-block;
          vertical-align: middle;
          border: 0 none;
          cursor: pointer;
          outline: none
        }
      .zent-tree-bar .switcher:after {
        content: '';
        display: inline-block;
        border: 5px solid transparent;
        border-left: 7px solid #e5e5e5;
        color: #666;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transform-origin: 23.09% 50%;
        transform-origin: 23.09% 50%;
        -webkit-transition: -webkit-transform 0.3s ease;
        transition: -webkit-transform 0.3s ease;
        transition: transform 0.3s ease;
        transition: transform 0.3s ease, -webkit-transform 0.3s ease;
      }
      .zent-tree-bar.off .switcher:after {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
      }
      .zent-tree-bar:hover .zent-tree-node .operation {
            opacity: 0.8;
      }
      .zent-tree-bar .zent-tree-node {
          display: inline-block;
          line-height: 1.42857143;
          cursor: pointer;
      }
      .zent-tree-bar .zent-tree-node .content {
            margin-left: -4px;
            padding: 0 4px;
            display: inline-block;
            border: 1px solid transparent;
            border-radius: 4px;
            background-color: transparent;
            -webkit-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out
          }
      .zent-tree-bar .zent-tree-node .content:hover {
        background-color: #eaf3ff;
      }
      .zent-tree-bar .zent-tree-node .operation {
            display: inline-block;
            margin-left: 10px;
            opacity: 0;
            font-size: 0.8em;
            color: black;
            -webkit-transition: opacity 0.3s ease-in;
            transition: opacity 0.3s ease-in
          }
      .zent-tree-bar .zent-tree-node .operation > span.opt:not(:last-of-type) {
        margin-right: 8px;
        padding-right: 8px;
        border-right: 2px solid #e5e5e5;
      }
      .zent-tree-bar .zent-checkbox-wrap {
          margin-top: -5px;
      }
      .zent-tree-child {
        overflow: hidden;
      }
      .zent-upload.inline {
        display: inline;
      }
      .zent-upload .zent-dialog-r {
          min-width: 760px !important;
      }
      .zent-upload .zent-dialog-r-footer {
            margin-top: 0;
            padding-top: 10px;
            text-align: center;
          }
      .zent-upload .zent-dialog-r-title {
            margin-bottom: 10px;
          }
      .zent-upload-dialog.zent-dialog-r {
        padding: 15px;
      }
      .zent-upload__footer {
          text-align: center;
      }
      .zent-upload-container {
        position: relative;
        padding: 0;
        overflow-y: auto;
      }
      .zent-upload-container ul, .zent-upload-container li {
          list-style: none;
          margin: 0;
          padding: 0;
        }
      .zent-upload-container {
        width: 760px;
        height: 480px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
      }
      .zent-upload-network-image-region, .zent-upload-group-region, .zent-upload-local-attachment-region {
        padding: 30px 10px;
        overflow: hidden;
      }
      .zent-upload-network-image-region .zent-upload-title, .zent-upload-group-region .zent-upload-title, .zent-upload-local-attachment-region .zent-upload-title {
          float: left;
          font-size: 14px;
          font-weight: bold;
          text-align: right;
          width: 100px;
        }
      .zent-upload-network-image-region .zent-upload-content, .zent-upload-group-region .zent-upload-content, .zent-upload-local-attachment-region .zent-upload-content {
          background-color: #fff;
          position: relative;
          zoom: 1;
          margin-left: 100px;
        }
      .zent-upload-group-region .zent-upload-title {
          line-height: 30px;
        }
      .zent-upload-network-image-region {
        overflow: hidden;
      }
      .zent-upload-network-image-region .zent-upload-content {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
        }
      .zent-upload-network-image-region .zent-btn {
          float: right;
        }
      .zent-upload-network-image-region .zent-upload-title {
          line-height: 30px;
        }
      .zent-upload-network-image-region .zent-upload-input-append {
          margin-bottom: 10px;
          margin-right: 10px;
          -webkit-box-flex: 1;
              -ms-flex: 1;
                  flex: 1;
        }
      .zent-upload-network-image-region .zent-upload-image-preview {
          max-width: 200px;
          max-height: 200px;
        }
      .zent-upload-network-image-region .zent-upload-image-preview img {
            max-width: 200px;
            max-height: 200px;
          }
      .zent-upload-local-attachment-region {
        height: 100%;
      }
      .zent-upload-local-attachment-region .zent-upload-content {
          margin-top: -10px;
          height: 100%;
        }
      .zent-upload-local-attachment-region .zent-upload-local-tips {
          clear: both;
          padding-top: 20px;
          font-size: 12px;
        }
      .zent-upload-local-attachment-region .zent-upload__upload-local-image-list {
          height: auto;
          padding-top: 10px;
        }
      .zent-upload-local-attachment-region .zent-upload__upload-local-image-list .zent-upload-image-item {
            position: relative;
            float: left;
            margin: 0 10px 10px 0;
            width: 80px;
            height: 80px
          }
      .zent-upload-local-attachment-region .zent-upload__upload-local-image-list .zent-upload-image-item:hover .zent-upload__close-modal {
                display: block;
      }
      .zent-upload-local-attachment-region .zent-upload__upload-local-image-list .zent-upload-image-item__box {
              width: 80px;
              height: 80px;
              background-size: cover;
              background-position: 50% 50%;
      }
      .zent-upload-local-attachment-region .zent-upload__upload-local-image-list .zent-upload-image-item__progress {
              position: absolute;
              top: 0;
              left: 0;
              bottom: 0;
              right: 0;
              background: rgba(0, 0, 0, 0.6);
              color: #fff;
              text-align: center;
              line-height: 80px;
              font-size: 14px;
      }
      .zent-upload-local-attachment-region .zent-upload__upload-local-voice-list {
          height: auto
        }
      .zent-upload-local-attachment-region .zent-upload__upload-local-voice-list::after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
      }
      .zent-upload-local-attachment-region .zent-upload__upload-local-voice-list .zent-upload-voice-item {
            position: relative;
            float: left;
            width: 300px;
            height: 60px;
            margin-right: 10px;
            margin-bottom: 10px;
            padding: 9px;
            border: 1px solid #e5e5e5;
            cursor: pointer;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box
      }
      .zent-upload-local-attachment-region .zent-upload__upload-local-voice-list .zent-upload-voice-item:hover .zent-upload__close-modal {
                display: block;
      }
      .zent-upload-local-attachment-region .zent-upload__upload-local-voice-list .zent-upload-voice-item__icon {
              width: 40px;
              height: 40px;
              background: #cacaca;
              background-size: 40px 40px;
              background-image: url('https://b.yzcdn.cn/upload/image/play@2x.png')
      }
      .zent-upload-local-attachment-region .zent-upload__upload-local-voice-list .zent-upload-voice-item__icon.loading {
        background-image: url('https://b.yzcdn.cn/upload/image/loading@2x.gif');
      }
      .zent-upload-local-attachment-region .zent-upload__upload-local-voice-list .zent-upload-voice-item__icon.playing {
        background-image: url('https://b.yzcdn.cn/upload/image/playing@2x.gif');
      }
      .zent-upload-local-attachment-region .zent-upload__upload-local-voice-list .zent-upload-voice-item__name {
              position: absolute;
              width: 200px;
              height: 18px;
              line-height: 18px;
              top: 10px;
              left: 60px;
      
              text-overflow: ellipsis;
      
              white-space: nowrap;
      
              overflow: hidden;
      }
      .zent-upload-local-attachment-region .zent-upload__upload-local-voice-list .zent-upload-voice-item__createtime {
              position: absolute;
              bottom: 10px;
              left: 60px;
              line-height: 14px;
              color: #999;
      }
      .zent-upload-local-attachment-region .zent-upload__upload-local-voice-list .zent-upload-voice-item__duration {
              position: absolute;
              top: 12px;
              right: 10px;
      }
      .zent-upload-local-attachment-region .zent-upload__upload-local-voice-list .zent-upload-voice-item__progress {
              position: absolute;
              top: 0;
              left: 0;
              bottom: 0;
              right: 0;
              background: rgba(0, 0, 0, 0.6);
              color: #fff;
              text-align: center;
              line-height: 60px;
              font-size: 14px;
      }
      .zent-upload-local-attachment-region .zent-upload__upload-local-voice-list .zent-upload-voice-item__size {
              position: absolute;
              top: 34px;
              right: 10px;
              color: #999;
      }
      .zent-upload__close-modal {
        display: none;
        position: absolute;
        z-index: 2;
        color: #fff;
        text-align: center;
        cursor: pointer;
        background: rgba(0, 0, 0, 0.3);
        top: -8px;
        right: -8px;
        width: 18px;
        height: 18px;
        font-size: 14px;
        line-height: 16px;
        border-radius: 9px
      }
      .zent-upload__close-modal:hover {
        color: #fff;
        background: #333;
      }
      .zent-upload-add-local-attachment {
        position: relative;
        width: 44px;
        height: 20px;
        line-height: 20px;
        cursor: pointer;
        overflow: hidden;
      }
      .zent-upload-add-local-attachment input {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          direction: rtl;
          font-size: 23px;
          opacity: 0;
          cursor: pointer;
        }
      .zent-upload-wrapper, .zent-upload-add-local-image-button, .zent-upload-trigger {
        position: relative;
      }
      .zent-upload-wrapper input[type=file], .zent-upload-add-local-image-button input[type=file], .zent-upload-trigger input[type=file] {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          width: 100%;
          height: 100%;
          direction: rtl;
          font-size: 23px;
          opacity: 0;
          cursor: pointer;
        }
      .zent-upload-add-local-image-button, .zent-upload-trigger {
        display: inline-block;
        width: 104px;
        height: 104px;
        border: 1px dashed @black-15;
        border-radius: 4px;
        background: @black-2;
        line-height: 96px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        text-align: center;
        font-size: 36px;
        color: #e5e5e5;
        cursor: pointer;
        overflow: hidden;
        text-decoration: none;
      }
      .zent-upload-add-local-image-button {
        margin: 0 20px 20px 0;
      }
      .zent-upload-tips {
        line-height: @line-heigh-2;
        font-size: @font-2;
        margin-top: 0px;
        margin-bottom: 0;
        color: #666;
        position: absolute;
      }
      .zent-upload-link {
        color: #38f;
        cursor: pointer;
        font-weight: bold;
      }
      .zent-upload-split {
        margin: 0 10px;
      }
      
}